primer/react

An implementation of GitHub's Primer Design System using React

3,899

stars

7,546

commits

TypeScript

primary language

Sep 11, 2026

updated

primer.style/product/getting-started/react/
component-library
design-system
primer
react
Browse cluster: React UI Component Libraries & Design Systems

README

Primer logo

Primer React

A React implementation of GitHub's Primer Design System

npm package contributors graph last commit license

Documentation

Our documentation site lives at primer.style/react. You'll be able to find detailed documentation on getting started, all of the components, our theme, our principles, and more.

Installation

Install @primer/react in your project with your package manager of choice:

npm install @primer/react
yarn add @primer/react

Template

The fastest way make a prototype or try Primer React without setting up a new project is by using our react template.

Contributing

We love collaborating with folks inside and outside of GitHub and welcome contributions!

👉 See the contributing docs for more info on code style, testing, coverage, and troubleshooting.

New Component Proposals

We welcome and encourage new component proposals from internal GitHub teams! Our best work comes from collaborating directly with the teams using Primer React Components in their projects. If you'd like to kick off a new component proposal, please submit an issue using the component proposal issue template and we will get in touch!

Contributors

(top 30 of 219)

shawnbot

1,337 commits

dependabot[bot]

770 commits

colebemis

677 commits

joshblack

669 commits

primer/react

An implementation of GitHub's Primer Design System using React

3,899

stars

7,546

commits

TypeScript

primary language

Sep 11, 2026

updated

primer.style/product/getting-started/react/
component-library
design-system
primer
react
Browse cluster: React UI Component Libraries & Design Systems

README

Primer logo

Primer React

A React implementation of GitHub's Primer Design System

npm package contributors graph last commit license

Documentation

Our documentation site lives at primer.style/react. You'll be able to find detailed documentation on getting started, all of the components, our theme, our principles, and more.

Installation

Install @primer/react in your project with your package manager of choice:

npm install @primer/react
yarn add @primer/react

Template

The fastest way make a prototype or try Primer React without setting up a new project is by using our react template.

Contributing

We love collaborating with folks inside and outside of GitHub and welcome contributions!

👉 See the contributing docs for more info on code style, testing, coverage, and troubleshooting.

New Component Proposals

We welcome and encourage new component proposals from internal GitHub teams! Our best work comes from collaborating directly with the teams using Primer React Components in their projects. If you'd like to kick off a new component proposal, please submit an issue using the component proposal issue template and we will get in touch!

Contributors

(top 30 of 219)

shawnbot

1,337 commits

dependabot[bot]

770 commits

colebemis

677 commits

joshblack

669 commits

Languages

TypeScript

91.6%

CSS

6.7%

JavaScript

1.5%