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,869 GitHub stars and is released under the MIT license. A live demo is linked from this page.
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 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 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,869 GitHub stars and is released under the MIT license. A live demo is linked from this page.
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.