Primer

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

Style guideCommunityOpen-source

Join GitHub!

GitHub is looking for a Web Designer to join the Site Design team. This role will work with other designers and engineers on non-product websites, such as event sites, annual reports, brand campaigns, and more.

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.

View the component library →

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 SVG’s 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

Keep in touch

Follow us on TwitterChat with us in SpectrumShare feedback on GitHub
Created and maintained by GitHub’sDesign Systems team.

Copyright GitHub 2018.