# @ariakit/components

> Ariakit components

Latest version **0.1.13** (published 2026-09-14) · MIT license · 0 weekly downloads

## Install

```sh
npm install @ariakit/components
pnpm add @ariakit/components
yarn add @ariakit/components
bun add @ariakit/components
```

## Health

**Score 65/100 (B)** — status: active.

Positive: esm support; no vulnerabilities; has provenance; recently updated; high maintenance score.

Warnings: low downloads; no types; pre 1.0.

## Facts

| | |
|---|---|
| Version | 0.1.13 |
| Published | 2026-09-14 |
| First published | 2026-05-23 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | ESM |
| Dependencies | 2 |
| Unpacked size | 541.4 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 8609 |
| Author | Diego Haz |
| Maintainers | diegohaz, ariakit-bot, benrodrs, daniguardiola |
| Keywords | ariakit, components |

## Links

- npm: https://www.npmjs.com/package/@ariakit/components
- Repository: https://github.com/ariakit/ariakit
- Homepage: https://ariakit.com
- npm.io page: https://npm.io/package/@ariakit/components

## Dependencies (2)

- [@ariakit/store](https://npm.io/package/@ariakit/store.md) 0.1.10
- [@ariakit/utils](https://npm.io/package/@ariakit/utils.md) 0.2.1

## Recent versions

- 0.1.13 (latest) — 2026-09-14
- 0.1.12 — 2026-09-02
- 0.1.11 — 2026-08-24
- 0.1.10 — 2026-08-09
- 0.1.9 — 2026-08-02
- 0.1.8 — 2026-07-23
- 0.1.7 — 2026-07-15
- 0.1.6 — 2026-07-15
- 0.1.5 — 2026-07-03
- 0.1.4 — 2026-06-29
- 0.1.3 — 2026-06-23
- 0.1.2 — 2026-05-31
- 0.1.1 — 2026-05-23
- 0.1.0 — 2026-05-23

## README

<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>&nbsp;
<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>&nbsp;
<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>&nbsp;
<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>&nbsp;
<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>&nbsp;
<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>&nbsp;
<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).

---
_Source: https://npm.io/package/@ariakit/components · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._