The CSS design system that powers GitHub
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
github-actions[bot] 9734a4fc67 Version Packages 6 hours ago
.changeset Version Packages 6 hours ago
.github Update names 18 hours ago
__tests__ Fixing deprecation test 18 hours ago
docs Merge branch 'main' into tobiasahlin/marketing-new-typescale 2 days ago
script Test force 18 hours ago
src Merge pull request #1382 from primer/tobiasahlin/optimize-marketing-body-inheritence 6 hours ago
.gitignore create pretest script 1 month ago
.node-version Adding node-version back 3 weeks ago
.npmignore ignore vercel.json 4 weeks ago
.npmrc don't create package-lock on install 1 month ago
.nvmrc nvmrc file 3 weeks ago
.vercelignore Revert "change names back" 3 weeks ago Version Packages 6 hours ago
LICENSE Updating docs to reflect new release workflow 1 month ago Updating docs to reflect new release workflow 1 month ago
deprecations.js Merge branch 'main' into tobiasahlin/dont-confuse-sizes-with-breakpoints 22 hours ago
package.json Version Packages 6 hours ago
postcss.config.js Updating postcss config for 8 3 weeks ago
prettier.config.js Revert "Move prettier config to package.json" 1 month ago
stylelint.config.js Stylelint ignore fonts folder 4 weeks ago
vercel.json Revert "change names back" 3 weeks ago
yarn.lock Merge branch 'main' into dependabot/npm_and_yarn/table-6.6.0 2 days ago

Primer CSS

The CSS implementation of GitHub's Primer Design System


Our documentation site lives at You'll be able to find detailed documentation on getting started, all of the components, our theme, our principles, and more.


This repository is distributed with npm. After installing npm, you can install @primer/css with this command:

npm install --save @primer/css


The included source files are written in Sass using SCSS syntax. After installing with npm, you can add your project's node_modules directory to your Sass include paths (AKA load paths in Ruby), then import it like this:

@import "@primer/css/index.scss";

You can import individual Primer modules directly from the @primer/css package:

@import "@primer/css/core/index.scss";
@import "@primer/css/product/index.scss";
@import "@primer/css/marketing/index.scss";


See for development docs.

Releasing (for GitHub staff)

You can find docs about our release process in


MIT © GitHub