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.

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.

ViewComponents

Build component-driven UI in Rails with ViewComponents.

Octicons

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

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 Infrastructure and Design Engineering teams.

© GitHub 2024