Primitives
Primitives is a free, open-source design system. Color, typography, and spacing primitives in json. It has 417 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.
github.com/primer/primitives (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 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
Paste
twilio-labs/paste
Paste is a design system for designing and building consistent experiences at Twilio.
Maintained · last commit Aug 20, 2026
OfficialDesign systemsTypeScriptPatternfly Elements
patternfly/patternfly-elements
PatternFly Elements. A set of community-created web components based on PatternFly design.
Maintained · last commit May 5, 2026
Design systemsTypeScriptReact Dsfr
codegouvfr/react-dsfr
🇫🇷 The French Government Design system React toolkit.
Active · last commit Oct 15, 2026
Design systemsTypeScriptSiemens Ix
siemens/ix
Siemens Industrial Experience is a design system for designers and developers, to consistently create the perfect digital experience for industrial software products.
Active · last commit Oct 27, 2026
OfficialDesign systemsTypeScriptAppica UI
appica-dev/appica-ui
A beautifully styled UI component library for building accessible, modern web applications and scalable design systems.
Active · last commit Oct 12, 2026
Design systemsTypeScriptCharcoal
pixiv/charcoal
Design system library by pixiv.
Active · last commit Oct 22, 2026
Design systemsTypeScript
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 Oct 21, 2026. Its latest release is @primer/primitives@11.10.0. appsgit only lists templates from repositories with a commit in the last six months.