Ariakit
@ariakitjs
Followers
3K
Following
643
Media
9
Statuses
524
Toolkit with accessible components, styles, and examples for your next web app
Joined July 2015
0
1
3
✨ slot-jsx v0.2.0 released! you can now: - create `render` props similar to @base_ui or @ariakitjs - configure prop merging behaviour by ejecting pragma 📒 see docs for more info
4
7
107
Been noodling on an imperative/observer-based API for handling lots of @ariakitjs dialogs 🧵 It's heavily inspired by nice-modal-react but with independent observables for each dialog
1
1
4
added a new navigation menu component to NOCTA UI — built on top of @ariakitjs , with layered motion panes, smooth transitions, and dynamic layout shifts. the animations respond to enter/leave states and directional motion, making interactions feel smooth and cohesive.
0
2
4
The more I think about this tweet - beyond that @ariakitjs uses component stores, @diegohaz invented the component store pattern at all, right? I don’t remember coming across it in any other libraries prior to his 2022 RFC, let alone by this specific name.
The most flexible pattern I've found to build compound UIs: a headless store. 1. Create store instance (local or global) 2. Pass it in to components (or use context) More control than render props, HOCs, refs, or classic compound components IMO
2
1
12
this is how @ariakitjs works btw!
The most flexible pattern I've found to build compound UIs: a headless store. 1. Create store instance (local or global) 2. Pass it in to components (or use context) More control than render props, HOCs, refs, or classic compound components IMO
0
2
15
I recently finished building Nocta UI — a lightweight React component library built on top of @ariakitjs to ensure solid accessibility out of the box, featuring a dedicated CLI for quick setup. Give it a try! 🔗 https://t.co/yQrd3EvapR 📷 https://t.co/71ZYUC7RxD
1
1
17
registry++
The new @ariakitjs app will include styled examples with copy-paste code, AI prompts, and shadcn commands for both Ariakit React and React Aria. You should be free to choose the underlying component library for your app.
7
3
242
The new @ariakitjs app will include styled examples with copy-paste code, AI prompts, and shadcn commands for both Ariakit React and React Aria. You should be free to choose the underlying component library for your app.
5
4
104
Huge thanks to @ariakitjs I wanted to design my own components so I wouldn’t have to depend on prebuilt UI kits and believe me, using Ariakit was an absolute breeze 🤯. It’s so well thought out. #Ariakit #React #Frontend #Accessibility
1
1
5
Tooltips are an accessibility nightmare, but if you want to make them as accessible as possible, make sure users can move the cursor over them. Some magnifier tools use the cursor position. If the tooltip closes when the cursor moves away from the anchor, it will not work.
1
2
63
Have problems with accessibility? @aurorascharff is showing us how we can use @ariakitjs to improve accessibility at @ReactAlicante
1
2
11
I’m a huge fan of live coding talks. @aurorascharff blew me away last year with RSC live coding at @ReactAlicante. This year she’s doing it again with @ariakitjs. @diegohaz would be proud.
2
3
13
I'm thinking about how to better communicate a new tool I'm developing. Consider a Tailwind plugin with the following features. Which do you find most appealing? Explanation in the replies.
2
1
4