Primer

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

Style guideCommunityOpen-source

Join our team!

GitHub is looking for a Graphic Designer to join the Design Systems team. This role will tackle high-visibility design projects and build a library of design assets for use in presentations.

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 ReactBETA

We’re building a React.js component library for Primer. Public beta coming soon!

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