Ark
Ark is a free, open-source design system built with React, Next.js and Vue. Unstyled, accessible UI components for your design System. It has 5,409 GitHub stars and is released under the MIT license. A live demo is linked from this page.
- Official
- Design systems
- Actively maintained
Get started
Copy the files into a new folder with degit (no git history), or clone the repository with git.
npx degit chakra-ui/ark my-ui
cd my-ui
npm install # then run the dev script from the READMEgit clone --depth 1 https://github.com/chakra-ui/ark.git my-uiSources: GitHub docs on template repositories, degit.
About Ark
Build scalable design systems with unstyled, accessible UI components Documentation • Installation • Features • Components • Roadmap • Contributing
Built with
- React
- Next.js
- Vue
- Svelte
- Tailwind CSS
- Chakra UI
- TypeScript
Similar templates
More design systems
React Spectrum
adobe/react-spectrum
A collection of libraries and tools that help you build adaptive, accessible, and robust user experiences.
OfficialDesign systemsTypeScriptPrimer CSS
primer/css
Primer is GitHub's design system. This is the CSS implementation.
Design systemsSCSSHyperUI
markmead/hyperui
Free Tailwind CSS v4 components for your next project, designed to enhance your web development with the latest features and styles.
Design systemsAstroMaterial Web
material-components/material-web
Material Design Web Components.
Design systemsSCSSCarbon
carbon-design-system/carbon
Website · Design · Develop · Contribute · Migrate Carbon is IBM's open-source design system for products and experiences.
Design systemsTypeScriptGrommet
grommet/grommet
a react-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package.
Design systemsJavaScript
What is Ark?
Ark is a free, open-source design system built with React, Next.js and Vue. Unstyled, accessible UI components for your design System. It has 5,409 GitHub stars and is released under the MIT license. A live demo is linked from this page.
How do I use Ark?
Copy the files into a new folder with npx degit chakra-ui/ark my-ui (no git history), or fork the repository on GitHub. Then follow the README for the install and dev commands.
Can I use Ark for commercial projects?
Yes. Ark is released under the MIT license, a permissive license that allows commercial use as long as you keep the copyright and license notice. Third-party assets bundled with it (images, fonts, icons) may have their own terms.
Is Ark maintained?
The repository's most recent commit was on Oct 7, 2026. Its latest release is @ark-ui/vue@5.39.3. appsgit only lists templates from repositories with a commit in the last six months.