Kobalte
Kobalte is a free, open-source design system. A UI toolkit for building accessible web apps and design systems with SolidJS. It has 1,881 GitHub stars and is released under the MIT license. A live demo is linked from this page.
github.com/kobaltedev/kobalte (opens in a new tab)
Data as of from the GitHub API; description from the project's repository. Report an error
Get started
Copy the files into a new folder with degit (no git history), or clone the repository with git.
npx degit kobaltedev/kobalte my-ui
cd my-uigit clone --depth 1 https://github.com/kobaltedev/kobalte.git my-uiSources: GitHub docs on template repositories, degit.
About Kobalte
A UI toolkit for building accessible web apps and design systems with SolidJS For full documentation, visit kobalte.dev.
Built with
- TypeScript
Similar templates
More design systems
React
untitleduico/react
Untitled UI React is the world’s largest collection of open-source React components built with Tailwind CSS and React Aria.
Maintained · last commit Oct 9, 2026
Design systemsTypeScriptBraid Design System
seek-oss/braid-design-system
Themeable design system for the SEEK Group.
Active · last commit Oct 25, 2026
Design systemsTypeScriptSolid Glass
deeplethe/solid-glass
A design system for AI applications. Material, physical, tactile, technical.
Too new to judge · created Oct 12, 2026
Design systemsTypeScriptWww Sacred
internet-development/www-sacred
SRCL is an open-source React component and style repository that helps you build web applications, desktop applications, and static websites with terminal aesthetics.
Maintained · last commit Oct 27, 2026
Design systemsTypeScriptDesign Dna
zanwei/design-dna
Turn reference UIs (images, screenshots, URLs) into quantified Design DNA JSON—tokens, qualitative style, visual effects—then generate matching UI from your content.
Maintained · last commit Aug 28, 2026
Design systemsJavaScriptOpen Claude UI
Caho1/open-claude-ui
基于 REA 深度拆解并高保真还原 Claude 官方桌面端 UI。还原 30 个独立 React 组件与 8 项硬核交互物理算法，附带 3000+ 行逆向分析手册。.
Too new to judge · created Oct 14, 2026
Design systemsTypeScript
How do I use Kobalte?
Copy the files into a new folder with npx degit kobaltedev/kobalte my-ui (no git history), or fork the repository on GitHub. Then follow the README for the install and dev commands.
Can I use Kobalte for commercial projects?
Yes. Kobalte 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 Kobalte maintained?
The repository's most recent commit was on Sep 7, 2026. Its latest release is @kobalte/core@0.13.14. appsgit only lists templates from repositories with a commit in the last six months.