# Primitives (Design systems)

> 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.

This repo contains values for color, spacing, and typography primitives for use with [Primer][primer], GitHub's design system.

## Key facts

| Fact | Value |
|---|---|
| Repository | https://github.com/primer/primitives |
| Built with | TypeScript |
| Live demo | https://primer.style/primitives |
| GitHub template repository | no |
| GitHub stars | 413 |
| License | MIT |
| Language | TypeScript |
| Official | no |
| Category | Design systems |
| Latest release | @primer/primitives@11.10.0 (Jul 30, 2026) |
| Last commit | Sep 9, 2026 |

## Get started

### Copy with degit

```sh
npx degit primer/primitives my-ui
cd my-ui
```

### Or clone with git

```sh
git clone --depth 1 https://github.com/primer/primitives.git my-ui
```

Commercial use depends on the MIT license. Sources: https://docs.github.com/en/repositories/creating-and-managing-repositories/creating-a-repository-from-a-template, https://github.com/Rich-Harris/degit

## Similar templates

- [React Spectrum](https://appsgit.com/templates/react-spectrum): A collection of libraries and tools that help you build adaptive, accessible, and robust user experiences. (15,920 stars, Apache-2.0, official)
- [Primer CSS](https://appsgit.com/templates/primer-css): Primer is GitHub's design system. This is the CSS implementation. (13,027 stars, MIT)
- [HyperUI](https://appsgit.com/templates/hyperui): Free Tailwind CSS v4 components for your next project, designed to enhance your web development with the latest features and styles. (12,253 stars, MIT)
- [Material Web](https://appsgit.com/templates/material-web): Material Design Web Components. (11,316 stars, Apache-2.0)
- [Carbon](https://appsgit.com/templates/carbon-carbon-design-system): Website · Design · Develop · Contribute · Migrate Carbon is IBM's open-source design system for products and experiences. (9,531 stars, Apache-2.0)
- [Grommet](https://appsgit.com/templates/grommet): a react-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package. (8,348 stars, Apache-2.0)

---

Canonical page: https://appsgit.com/templates/primitives-primer
Source: appsgit (https://appsgit.com), the app store for github. Data from the GitHub API, refreshed nightly.
Machine access: JSON API https://appsgit.com/api/v1/apps (OpenAPI: https://appsgit.com/openapi.json), MCP server https://mcp.appsgit.com/mcp, full index https://appsgit.com/llms-full.txt.