ariakit
<h1 align="center"> <img alt="Ariakit" src="https://github.com/user-attachments/assets/26aacca5-32eb-48ae-bf01-3dfc3f93176a" height="320"> </h1> <p align="center"> Toolkit with accessible components, styles, and examples for your next web app. <br> <a href="https://ariakit.com"><strong>Explore website »</strong></a> </p> <br> <div align="center"> <a href="https://github.com/ariakit/ariakit/discussions"><img alt="GitHub Discussions" src="https://img.shields.io/github/discussions/ariakit/ariakit?logo=github&color=007acc"></a> <a href="https://github.com/ariakit/ariakit/releases"><img alt="GitHub Release Date" src="https://img.shields.io/github/release-date/ariakit/ariakit?logo=github&color=007acc"></a> <a href="https://npmjs.org/package/@ariakit/react"><img alt="NPM version" src="https://img.shields.io/npm/v/@ariakit/react.svg?logo=npm&color=007acc" /></a> <a href="https://npmjs.org/package/@ariakit/react"><img alt="NPM downloads" src="https://img.shields.io/npm/dm/@ariakit/react.svg?logo=npm"></a> <a href="https://bsky.app/profile/ariakit.com"><img alt="Follow Ariakit on Bluesky" src="https://img.shields.io/badge/Bluesky-0285FF?logo=bluesky&logoColor=fff"></a> <a href="https://discord.gg/WyHvnXsvMs"><img alt="Join the Ariakit Discord server" src="https://img.shields.io/badge/Discord-%235865F2.svg?logo=discord&logoColor=white"></a> <a href="https://github.com/ariakit/ariakit"><img alt="GitHub stars" src="https://img.shields.io/github/stars/ariakit/ariakit?logo=github"></a> </div> <br> ## Docs - [Ariakit.com](https://ariakit.com) - [Components](https://ariakit.com/components) - [Examples](https://ariakit.com/examples) ## Packages - [@ariakit/react](packages/ariakit-react) - [@ariakit/solid](packages/ariakit-solid) (experimental) - [@ariakit/tailwind](packages/ariakit-tailwind) (experimental) ## Core Team - [Diego Haz](https://haz.dev) - [Ben Rodri](https://bsky.app/profile/ben.ariakit.org) - [Dani Guardiola](https://bsky.app/profile/dio.la) ## Licensing **This repository contains code with different licenses.** Please read this section carefully. | Path | License | Summary | | :----------------------- | :----------------------------------------------------------- | :------------------------------------------------------------------------- | | `packages` | [**MIT License**](packages/ariakit-react/license) | Permissive open-source. | | `examples` (except Plus) | [**MIT License**](app/src/examples/license.md) | Permissive open-source. | | `examples` (Plus) | [**Ariakit Plus License**](https://ariakit.com/plus/license) | License granted to [**Ariakit Plus**](https://ariakit.com/plus) customers. | | `app` | [**Proprietary**](app/license.md) | No license granted. | Each of these directories contains its own license file with the full terms. Always refer to the most specific license file that applies to the code you are using. ## Contributing Follow the instructions on the [contributing guide](https://github.com/ariakit/ariakit/blob/main/contributing.md). ## Browser testing <a href="https://www.browserstack.com" target="_blank"> <picture> <source media="(prefers-color-scheme: light)" srcset="https://github.com/user-attachments/assets/661e578b-f09a-47d2-b5e1-2457451b7e54"> <source media="(prefers-color-scheme: dark)" srcset="https://github.com/user-attachments/assets/6f6e4185-9fa4-48c6-a01a-70b8a58bdca4"> <img alt="BrowserStack" height="48" src="https://github.com/user-attachments/assets/661e578b-f09a-47d2-b5e1-2457451b7e54"> </picture></a> Browser testing is provided by [BrowserStack](https://www.browserstack.com).