StackBlitz is stuck on this screen forever.

A sneak peek at the upcoming Ariakit examples

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.

Nested collapsible panels that automatically open when you use the browser's Find in Page feature.

Nested disclosure widgets

Collapsible sidebar built with @ariakit.org

Sidebar with animated, collapsible groups styled with @⁠ariakit⁠/⁠tailwind

Automatic light/dark modes.⁠

Code examples with embedded API docs

Built with @ariakit.org

Preview/code blocks

Segmented control built with @⁠ariakit⁠/⁠tailwind

It's amazing how much you can do with CSS these days.

Nested animated collapsible panels built with Ariakit

Built with @⁠ariakit/tailwind

Automatic dark/light modes and contrast.