https://github.com/chakra-ui/ark
Build your design system with React, Svelte, Vue, and Solid. Powered by State Machines
https://github.com/chakra-ui/ark
components design-system headless react solid svelte ui vue
Last synced: 14 days ago
JSON representation
Build your design system with React, Svelte, Vue, and Solid. Powered by State Machines
- Host: GitHub
- URL: https://github.com/chakra-ui/ark
- Owner: chakra-ui
- License: mit
- Created: 2022-10-26T08:49:36.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2025-04-17T02:49:37.000Z (19 days ago)
- Last Synced: 2025-04-17T03:48:34.859Z (19 days ago)
- Topics: components, design-system, headless, react, solid, svelte, ui, vue
- Language: TypeScript
- Homepage: https://ark-ui.com
- Size: 38.9 MB
- Stars: 4,226
- Watchers: 20
- Forks: 139
- Open Issues: 6
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
- awesome-react-headless-components - Ark UI - A headless library for building reusable, scalable Design Systems that works for a wide range of JS frameworks. (Libraries)
README
Build scalable design systems with React, Vue, and Solid
![]()
![]()
![]()
## Installation
```bash
pnpm add @ark-ui/{react,vue,solid}
``````bash
npm install @ark-ui/{react,vue,solid}
``````bash
yarn add @ark-ui/{react,vue,solid}
```## Documentation
For more detailed documentation and examples, please visit the [official documentation](https://ark-ui.com/).
## Roadmap
You can request, vote for, and check upcoming features on our [roadmap](https://ark-ui.canny.io/).
## Contribution
We welcome contributions to Ark UI. Please read our
[contributing guidelines](https://github.com/chakra-ui/ark/blob/main/CONTRIBUTING.md) for more information on how to
contribute.## License
This project is licensed under the terms of the [MIT license](https://github.com/chakra-ui/ark/blob/main/LICENSE).