Toolkit with accessible components, styles, and examples for your next web app

Ariakit retweeted
I never looked at Ariakit until now. This thing looks incredible
1
2
287
Ariakit retweeted
This is why I believe Ariakit dot org will stay relevant for decades: – It's always been about examples. And we'll feature multiple libraries: Ariakit React, Radix, Base UI, RAC, Headless UI, and others outside the React ecosystem. We'll continue to improve Ariakit's own component library (Ariakit React) focusing on interoperability and features that are not supported by current solutions (like the Combobox for Radix users). – As the web platform evolves, we'll also have examples built solely with native widgets. There are so many things you can build with just HTML and CSS today, with progressive enhancement (base select) and polyfills (popover, anchor positioning, etc.). – You'll find shadcn commands, AI prompts, and copy-paste code snippets that make it easy to use and customize examples. – Ariakit dot org is our core product and we've been maintaining the project since 2017. We've been financially sustainable for the past year and expect to grow even more with the upcoming features.
2
4
44
6,278
Delete Virtual Key Dialog for @LiteLLM Built on @ariakitjs
2
4
583
One thing I love @ariakitjs is that it provides really good building blocks to build any custom UX
3
10
1,110
Can't say this enough, @ariakitjs is a pleasure to work with. Thank you @diegohaz and team for making this awesome tool.
1
3
8
838
🎤 Learn about building async-ready UIs the React 19 way. @aurorascharff shows how React Server Components, new mutation tools, and Ariakit combine to create accessible, streamlined, low-boilerplate UIs. 🗓️ Nov 28 & Dec 1, #ReactAdvanced
1
4
31
8,149
Ariakit retweeted
MCP servers returning UI that the host is expected to render is an interesting use case for @ariakitjs tailwind. There is tension between the MCP host's theme, and the MCP server's desire to maintain brand identity. AKs auto-adaptive accessibility could ease this tension.
2
7
460
Replying to @AtRiskMedia
Yes! Literally every React app I build uses Ariakit. It's best in class.
1
5
283
who is making shadcn but with ariakit?
2
2
11
970
Ariakit retweeted
happy to be ariakit plus
2
2
7
991
Ariakit retweeted
I want to offer Popover components in @ariakitjs that don't rely on Floating UI, allowing users to customize them with CSS anchor positioning (using a polyfill for browsers that lack support). The easiest non-breaking solution is to add a prop that disables Floating UI internally, though it will remain part of the bundle. In hindsight, coupling the positioning logic with the Popover component was a mistake. While it made the component more convenient, they really should've been separate. We now have the option to separate them, but naming is hard, and I don't want to lose the familiar "Popover" name. Alternatively, we could create a separate entry point, such as @⁠ariakit⁠/⁠react⁠/⁠anchor, which exports everything under the same names, but without Floating UI. Later, we could reintegrate that functionality back into the main entry point and deprecate the separate path, allowing for a smooth migration by simply updating the import statement.
2
4
25
1,960
Ariakit retweeted
Working on new Combobox examples for Ariakit 🧑🏽‍💻
1
2
49
4,519
It's another beautiful day with useOptimistic() and use(), featuring @ariakitjs, which I tried for the first time and instantly fell in love with ☺️ Maybe this example needs a blog post?
6
5
90
7,575
Ariakit retweeted
Wow ariakit seems amazing !
I'm working on a @shadcn registry for the upcoming version of Ariakit.org I'm still not sure if it will support everything I need, but it looks promising.
1
10
826
Ariakit retweeted
I'm working on a @shadcn registry for the upcoming version of Ariakit.org I'm still not sure if it will support everything I need, but it looks promising.
4
3
72
8,981
Responsive dialog/bottom sheet - Built with @ariakitjs and @tailwindcss - Learned this trick from @samselikoff — link to tutorial below
2
4
12
1,073
[WIP] Add Bookmark/Upload Image(s) Dialog on @CleeveHQ BottomSheet/Dialog built with @ariakitjs
3
7
385
Ariakit retweeted
It really is so damn good 👌
Feedback on Ariakit Styles ❤️ If you're interested in trying it, send me a DM or join our Discord (link below).
2
3
1,262
man, @diegohaz really nailed the @ariakitjs API This is for the Dialog component
1
4
375