Archive - Ariakit

Performance, Tailwind v4, and more

Improved performance by 20-30% by working around useSyncExternalStore, new features, Black Friday discounts, and more.

Nov 26, 2024 •

April 2024

Tabs everywhere

Tabs within Combobox and Select popovers, Tags with multi-selectable Combobox, LinkedIn, new Plus examples and releases.

Apr 29, 2024 •

February 2024

Animation, Ariakit Plus, and more

Improved CSS transition and animation support, Ariakit Plus with lifetime access, Combobox with Tabs, Command Menu, and more.

Feb 5, 2024 •

November 2023

I'm excited to announce Ariakit Plus, a subscription program that provides additional benefits to anyone who interacts with Ariakit in any way.

Nov 29, 2023 •

October 2023

Component providers

Provide state to Ariakit components using a simple wrapper that supports controlled and uncontrolled props.

Oct 4, 2023 •

August 2023

Ariakit now features tag pages where you can discover all content related to specific topics such as Combobox, Form controls, Dropdowns, Concurrent…

Aug 14, 2023 •

July 2023

Ariakit is now stable. If you have been waiting to integrate Ariakit into your project, I can finally recommend it for production use.

Jul 5, 2023 •

May 2023

Composition makes Ariakit components more versatile, allowing you to easily replace the default HTML element or enhance its features with custom…

May 25, 2023 •

April 2023

Component stores

Apr 17, 2023 •

June 2022

UPDATE: We're testing an experimental virtualization feature.

Jun 8, 2022 •

March 2022

Select components

While I’ve been receiving feedback from people who are testing the alpha, I noticed quite a few using the Menu component as a custom select widget…

Mar 31, 2022 •

January 2022

Form components

This is not the regular Form library you’re used to. Ariakit will manage focus and apply aria attributes automatically. For example, submitting an…

Jan 25, 2022 •

#nojs-banner { position: fixed; bottom: 0; left: 0; padding: 16px 16px 16px 32px; width: 100%; box-sizing: border-box; background: red; color: white; font-family: -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 13px; line-height: 13px; } #nojs-banner a { color: inherit; text-decoration: underline; } This site requires JavaScript to run correctly. Please turn on JavaScript or unblock scripts