Ariakit
@ariakit.org
π€ 410
π₯ 3
π 2
Toolkit with accessible components, styles, and examples for your next web app
https://ariakit.org
pinned post!
Building something with
@ariakit.org
? Share it here on π¦ Bluesky mentioning us and we will repost.
over 1 year ago
0
8
2
reposted by
Ariakit
Haz
1 day ago
This border-radius transition π€π½ Believe it or not, it's just CSS.
loading . . .
9
199
18
reposted by
Ariakit
Haz
2 days ago
Concentric border radius
1
77
8
reposted by
Ariakit
Haz
3 days ago
A drop shadow can make a big difference.
0
82
2
reposted by
Ariakit
Haz
15 days ago
Iβm experimenting with a high-level, styled Button component API. Yes or no?
1
14
2
reposted by
Ariakit
Haz
16 days ago
TIL you can show different images for light and dark modes in GitHub README files using HTML or Markdown:
0
24
3
reposted by
Ariakit
Haz
17 days ago
Delete buttons ποΈ Do you prefer red for the background color or the text color?
9
9
1
reposted by
Ariakit
Haz
18 days ago
UI buttons
0
13
1
reposted by
Ariakit
Haz
19 days ago
CSS π€π½ Math How to get even margins without ignoring line-height.
0
27
2
reposted by
Ariakit
Haz
20 days ago
Checkbox cards β
0
17
1
reposted by
Ariakit
Haz
21 days ago
Design better badges π¨
0
35
3
reposted by
Ariakit
Haz
about 2 months ago
Ariakit has hit 500k weekly downloads! Still a long way to go.
0
12
1
reposted by
Ariakit
Haz
3 months ago
Thank you
thanks.dev
for sponsoring Ariakit π
2
6
1
reposted by
Ariakit
Haz
4 months ago
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.
1
20
2
reposted by
Ariakit
Haz
4 months ago
A sneak peek at the upcoming Ariakit examples
loading . . .
0
12
1
reposted by
Ariakit
Haz
4 months ago
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.
loading . . .
0
13
2
reposted by
Ariakit
Haz
4 months ago
Nested disclosure widgets
loading . . .
0
6
1
reposted by
Ariakit
Haz
4 months ago
Collapsible sidebar built with
@ariakit.org
loading . . .
0
8
2
reposted by
Ariakit
Haz
4 months ago
1, 2, or 3?
7
2
1
reposted by
Ariakit
Haz
4 months ago
Sidebar with animated, collapsible groups styled with @β ariakitβ /β tailwind Automatic light/dark modes.β
loading . . .
1
7
1
reposted by
Ariakit
Haz
4 months ago
Checkbox cards built with
@ariakit.org
0
10
1
reposted by
Ariakit
Haz
4 months ago
Code examples with embedded API docs
loading . . .
0
9
1
reposted by
Ariakit
Haz
4 months ago
Built with
@ariakit.org
loading . . .
1
10
1
reposted by
Ariakit
Haz
5 months ago
Preview/code blocks
loading . . .
0
8
1
reposted by
Ariakit
Haz
5 months ago
Segmented control built with @β ariakitβ /β tailwind
loading . . .
1
11
2
reposted by
Ariakit
Haz
5 months ago
Collapsible payment method card styled with Ariakit Tailwind.
0
8
1
reposted by
Ariakit
Haz
5 months ago
Nested animated collapsible panels built with Ariakit
loading . . .
0
10
1
reposted by
Ariakit
Haz
5 months ago
Built with @β ariakit/tailwind Automatic dark/light modes and contrast.
loading . . .
2
18
1
reposted by
Ariakit
Aurora Scharff
5 months ago
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...
loading . . .
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 ...
https://www.wearedevelopers.com/en/videos/1589/building-interactive-async-ui-with-react-19-and-ariakit
1
7
3
reposted by
Ariakit
Haz
6 months ago
Built with
@ariakit.org
Tailwind
loading . . .
1
14
1
reposted by
Ariakit
Haz
6 months ago
Built an example using React Aria and Ariakit Styles π€π½ Coming soon to the Ariakit site.
loading . . .
0
2
1
reposted by
Ariakit
Haz
6 months ago
The next version of the Ariakit site will include native HTML examples with Tailwind styles. Super excited about this.
0
22
3
reposted by
Ariakit
Haz
6 months ago
Ariakit Disclosure component animated with pure CSS.
loading . . .
0
9
1
reposted by
Ariakit
Haz
6 months ago
Collapsible list items built with native HTML (ol > li > details > summary) and Ariakit Tailwind.
loading . . .
1
23
4
reposted by
Ariakit
Haz
6 months ago
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.
loading . . .
2
37
5
reposted by
Ariakit
Haz
6 months ago
Working on custom styles for checkbox cards
0
20
2
reposted by
Ariakit
Haz
7 months ago
Ariakit has a banner (finally)
1
18
2
reposted by
Ariakit
Aurora Scharff
7 months ago
Successful talk at
@wearedevelopers.bsky.social
this week. It was great to demo to more developers what
@ariakit.org
can do π₯
add a skeleton here at some point
0
9
2
reposted by
Ariakit
Dani Guardiola
8 months ago
always bet on ariakit
add a skeleton here at some point
0
5
1
reposted by
Ariakit
Haz
8 months ago
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.
1
14
5
reposted by
Ariakit
React Advanced London
8 months ago
π€ Learn about building async-ready UIs the React 19 way.
@aurorascharff.no
shows how React Server Components, new mutation tools, and Ariakit combine to create accessible, streamlined, low-boilerplate UIs. ποΈ Nov 28 & Dec 1,
#ReactAdvanced
loading . . .
Learn more!
reactadvanced.com
https://reactadvanced.com?utm_source=twitter&utm_medium=speaker
0
3
2
reposted by
Ariakit
Haz
8 months ago
It works really well.
0
4
1
reposted by
Ariakit
Haz
8 months ago
You might want to take a look at the Composite primitive in Ariakit. It's specifically designed to be a low-level primitive to create any sort of composite widget, like listboxes and grids.
ariakit.org/components/c...
0
6
1
reposted by
Ariakit
Dani Guardiola
9 months ago
in
@ariakit.org
the plan is to transition to native browser APIs as they become more stable and available, with polyfilling options and such. it's very cool because it means Ariakit is meant to shrink overtime in size.
1
4
1
reposted by
Ariakit
Haz
10 months ago
I want to offer Popover components in Ariakit that don't rely on Floating UI, allowing users to customize them with CSS anchor positioning (using a polyfill for browsers that lack support).
3
6
2
reposted by
Ariakit
Haz
10 months ago
Working on new Combobox examples for Ariakit π§π½βπ»
1
12
2
reposted by
Ariakit
Aurora Scharff
10 months ago
It's another beautiful day with useOptimistic() and use(), featuring
@ariakit.org
, which I tried for the first time and instantly fell in love with βΊοΈ Maybe this example needs a blog post?
2
21
3
reposted by
Ariakit
Haz
10 months ago
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.
0
15
3
reposted by
Ariakit
Haz
11 months ago
I just realized that Ariakit Styles is fantastic for code highlighting. You can use any background you want, and it ensures that the text colors maintain enough contrast. Just CSS.
loading . . .
1
38
3
In case you missed it, Ariakit now has a new Discord channel. We're discussing Ariakit Solid and Ariakit Styles there. Join us at
chat.ariakit.org
loading . . .
Join the Ariakit Discord Server!
The official Ariakit community on Discord. | 35 members
https://chat.ariakit.org
11 months ago
0
5
2
reposted by
Ariakit
Haz
11 months ago
If you're interested in trying Ariakit Styles, just DM me or join our Discord:
discord.gg/WyHvnXsvMs
add a skeleton here at some point
0
4
2
Load more
feeds!
log in