Primer

Design, build, and create with GitHub’s design system
Primer was created for GitHub by GitHub. We love it so much, we chose to open-source it to allow the community to design and build their own projects with Primer.

AboutOpen-sourceCommunity

Everything in one system

Check out our most popular tools to use in your next project:

CSS framework

Utility-centric and BEM-style components to give you the building blocks for any web project.

React components

Presentational UI components with encapsulated styles and constraint-based theme props.

Octicons

Your project. GitHub’s icons. Available in Ruby and JavaScript implementations.

Presentations

Slide templates that let you focus on the story without having to worry about the design details.

Interface guidelines

Principles, standards, and usage guidelines for designing GitHub interfaces.

Figma components

Design layouts, flows, wireframes, and make prototypes with Primer components 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.

© GitHub 2019