Primitives
Primitives is a free, open-source design system. Color, typography, and spacing primitives in json. It has 413 GitHub stars and is released under the MIT license. A live demo is linked from this page. Start a project with npx degit primer/primitives or clone the repository.
Get started
Copy the files into a new folder with degit (no git history), or clone the repository with git.
npx degit primer/primitives my-ui
cd my-uigit clone --depth 1 https://github.com/primer/primitives.git my-uiSources: GitHub docs on template repositories, degit.
About Primitives
This repo contains values for color, spacing, and typography primitives for use with [Primer][primer], GitHub's design system.
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 Primitives?
Primitives is a free, open-source design system. Color, typography, and spacing primitives in json. It has 413 GitHub stars and is released under the MIT license. A live demo is linked from this page. Start a project with npx degit primer/primitives or clone the repository.
How do I use Primitives?
Copy the files into a new folder with npx degit primer/primitives my-ui (no git history), or fork the repository on GitHub. Then follow the README for the install and dev commands.
Can I use Primitives for commercial projects?
Yes. Primitives 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 Primitives maintained?
The repository's most recent commit was on Sep 9, 2026. Its latest release is @primer/primitives@11.10.0. appsgit only lists templates from repositories with a commit in the last six months.