Primer

Resources, tooling, and design guidelines for building interfaces with GitHub’s design system

Team Components Community Open-source

Join GitHub!

GitHub is looking for a Product Design Manager to join the organization. Our growing team of design leaders help shape our products, people, and process. Join us and help us make sure we’re solving the right problems with the best solutions.

View all open positionsApply →

Highly reusable, flexible styles

Styles can be mixed and matched to achieve many different layouts, independent of their location.

DocumentationGitHub

npm i primer@latest

Install only the packages you need.

primer

This package includes all 30 Primer modules from the core, product, and marketing packages

primer-core

The core package contains modules that are shared between GitHub product and marketing websites

primer-product

The product package contains modules that are used on GitHub product websites

primer-marketing

The marketing package contains modules that are used on GitHub marketing websites

Primer ComponentsBETA

We’re building a React.js component library for Primer.

A better development experience with Atom

Install this custom Atom package to autocomplete classnames for Primer CSS and rails helpers for Octicons

Install packageGet Atom

apm install autocomplete-primer

Octicons

Your project. GitHub’s icons.

v8.1.0

Install the node.js or react.js package via npm to use with your JavaScript project

JavaScript docs

Install the Ruby gem, Rails helper, or Jekyll plugin to use in your project

Ruby docs

Use SVGs or Figma components in your design projects

Open in Figma

Open source

Primer is open-sourced on GitHub. Contributions and feedback are welcome!

Contribute on GitHub
Created and maintained by GitHub’sDesign Systems team.

Copyright GitHub 2019.