Collapsible sidebar built with @ariakit.org

1, 2, or 3?

Firefox is the browser that's furthest behind with modern features, but Safari's poor implementation is the worst.

Sidebar with animated, collapsible groups styled with @⁠ariakit⁠/⁠tailwind Automatic light/dark modes.⁠

Checkbox cards built with @ariakit.org

Code examples with embedded API docs

Did Safari get significantly slower with the new release, or is it just me?

Built with @ariakit.org

Preview/code blocks

Segmented control built with @⁠ariakit⁠/⁠tailwind

I'm starting to think Trump is trying to restore global economic balance... By making the US less competitive.

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

Collapsible payment method card styled with Ariakit Tailwind.

The internet is so dangerous for kids. Even being tech-savvy, it's still hard to keep everything safe. I can't imagine how non-tech parents handle it. They probably don't, which is terrifying.

Here’s something I’ll never understand about weather apps: if it FEELS LIKE 40°, it’s fcking 40° Why would I even care about the “official” temperature?

Sorry to bring this up here, but just in case any of you think Elon got any less stupid after cutting ties with Trump, he didn't.

Nested animated collapsible panels built with Ariakit

Built with @⁠ariakit/tailwind Automatic dark/light modes and contrast.

Thank you, YouTube! I never would've guessed it without this tooltip.

I guess I finally found a use case for nested buttons. It was the only way to get text truncation to work here.

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...

Built with @ariakit.org Tailwind

What's an example of a web UI element that would benefit from an exclusive accordion pattern? Everything I can think of seems better without limiting it to one expanded panel at a time.

I'm in love with this CSS-only animation. Code: codepen.io/diegohaz/pen...

Built an example using React Aria and Ariakit Styles 🤝🏽 Coming soon to the Ariakit site.

I've been eating this every day for the past two weeks. It's 600 kcal and tastes delicious 😋 It keeps me satisfied for 8 hours. Already lost 4 kg.

The next version of the Ariakit site will include native HTML examples with Tailwind styles. Super excited about this.

Wanna learn more? Just hover over it.

Next-level API docs

Ariakit Disclosure component animated with pure CSS.

Trying a horizontal menu for API reference docs on mobile.

Exploring sticky elements and scroll-driven animations.

New blog post: Building smooth search experiences with React's concurrent features. Exploring how useDeferredValue() + useSuspenseQuery() creates stale-while-revalidate UX without manual loading and error states! aurorascharff.no/posts/buildi...

Collapsible list items built with native HTML (ol > li > details > summary) and Ariakit Tailwind.

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.

If you had to build a collapsible panel (also known as a "disclosure" element) in 2025 for something like a FAQ section, what would you use and why? → Custom component library? → Native <details>? → Other?

I picked up the .com in a domain auction (the previous owner let it expire) 😀 Should I redirect it to .org or make .com the main?

Working on custom styles for checkbox cards

> I am in a marathon, not a sprint, and no matter how far away the goal is, the only way to get there is by putting one foot in front of another every day. I'm always impressed by how well this works in my life.

Ariakit has a banner (finally)

I miss watching Frieren. It's so chill.

Header with subtle animations

Successful talk at @wearedevelopers.bsky.social this week. It was great to demo to more developers what @ariakit.org can do 🔥

I am building a team and hiring senior/staff frontend engineers for Proton Docs. React + TypeScript. Bonus: Yjs, Lexical, Ariakit. DM for more info! proton.me/drive/docs

Is `shadcn add` like `npm install` for unbundled frontend code?

The lack of control over the CSS top-layer for native popovers and modal dialogs makes them far less useful. For example, I want a popover to display above every element except a fixed page header, but I can't just move the header to the top-layer.

What's the logic behind hiring a domain broker who charges a 20% commission on the purchase price? Isn't that a major conflict of interest? The buyer wants the lowest possible price, while the broker is incentivized to get the highest price to maximize their commission.

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.

How much internet bandwidth would the world save if the Inter font came pre-installed on operating systems?

`cursor: pointer` (👆🏽) on every interactive element: Over the years, whenever I get the chance, I run some informal usability tests to see if adding `cursor: pointer` to all interactive elements on a page really provides the best user experience.