Ariakit
banner
ariakit.org
Ariakit
@ariakit.org
Toolkit with accessible components, styles, and examples for your next web app
https://ariakit.org
Pinned
Building something with @ariakit.org?

Share it here on 🦋 Bluesky mentioning us and we will repost.
Reposted by Ariakit
Thank you thanks.dev for sponsoring Ariakit 😊
November 12, 2025 at 3:54 PM
Reposted by Ariakit
The new @ariakit.org 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.
October 5, 2025 at 12:53 PM
Reposted by Ariakit
A sneak peek at the upcoming Ariakit examples
October 3, 2025 at 5:45 PM
Reposted by Ariakit
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.
October 3, 2025 at 2:12 PM
Reposted by Ariakit
Nested disclosure widgets
October 2, 2025 at 3:04 PM
Reposted by Ariakit
Collapsible sidebar built with @ariakit.org
September 30, 2025 at 2:41 PM
Reposted by Ariakit
1, 2, or 3?
September 27, 2025 at 1:45 AM
Reposted by Ariakit
Sidebar with animated, collapsible groups styled with @⁠ariakit⁠/⁠tailwind

Automatic light/dark modes.⁠
September 24, 2025 at 11:41 PM
Reposted by Ariakit
Checkbox cards built with @ariakit.org
September 24, 2025 at 7:46 PM
Reposted by Ariakit
Code examples with embedded API docs
September 23, 2025 at 9:02 PM
Reposted by Ariakit
Built with @ariakit.org
September 22, 2025 at 5:14 PM
Reposted by Ariakit
Preview/code blocks
September 21, 2025 at 1:35 PM
Reposted by Ariakit
Segmented control built with @⁠ariakit⁠/⁠tailwind
September 20, 2025 at 5:01 PM
Reposted by Ariakit
Collapsible payment method card styled with Ariakit Tailwind.
September 15, 2025 at 6:42 AM
Reposted by Ariakit
Nested animated collapsible panels built with Ariakit
September 12, 2025 at 10:23 PM
Reposted by Ariakit
Built with @⁠ariakit/tailwind

Automatic dark/light modes and contrast.
September 10, 2025 at 9:54 PM
Reposted by Ariakit
My talk at WeAreDevs World Congress on building interactive, asynchronous UI with React 19 and @ariakit.org is now available!
Watch it here:
www.wearedevelopers.com/en/videos/15...
Aurora Scharff - Building Interactive Async UI with React 19 and Ariakit
This was on 10/07/2025 on Stage 5 Handling async operations in UI components can be tricky—pending states, inefficient updates, and accessibility challenges often arise. This session will explore how ...
www.wearedevelopers.com
August 25, 2025 at 2:34 PM
Reposted by Ariakit
Built with @ariakit.org Tailwind
August 23, 2025 at 7:07 AM
Reposted by Ariakit
Built an example using React Aria and Ariakit Styles 🤝🏽

Coming soon to the Ariakit site.
August 18, 2025 at 6:27 PM
Reposted by Ariakit
The next version of the Ariakit site will include native HTML examples with Tailwind styles.

Super excited about this.
August 17, 2025 at 4:07 PM
Reposted by Ariakit
Ariakit Disclosure component animated with pure CSS.
August 10, 2025 at 10:53 AM
Reposted by Ariakit
Collapsible list items built with native HTML (ol > li > details > summary) and Ariakit Tailwind.
August 6, 2025 at 9:21 AM
Reposted by Ariakit
We're working on an improved version of @ariakit.org, and I've never seen anything this good.

– Superb UX
– 200+ new copy/paste examples
– Tailwind plugin for easy and accessible styling
– shadcn commands

Can't wait to release this.
August 2, 2025 at 9:49 PM
Reposted by Ariakit
Working on custom styles for checkbox cards
July 29, 2025 at 5:10 PM
Reposted by Ariakit
Ariakit has a banner (finally)
July 19, 2025 at 9:19 AM