React
React is a free, open-source design system built with React. An implementation of GitHub's Primer Design System using React. It has 3,912 GitHub stars and is released under the MIT license. A live demo is linked from this page. Start a project with npx degit primer/react or clone the repository.
Get started
Copy the files into a new folder with degit (no git history), or clone the repository with git.
npx degit primer/react my-ui
cd my-ui
npm install # then run the dev script from the READMEgit clone --depth 1 https://github.com/primer/react.git my-uiSources: GitHub docs on template repositories, degit.
About React
A React implementation of GitHub's Primer Design System 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.
Built with
- React
- TypeScript
Similar templates
More design systems
React Spectrum
adobe/react-spectrum
A collection of libraries and tools that help you build adaptive, accessible, and robust user experiences.
OfficialDesign systemsTypeScriptPrimer CSS
primer/css
Primer is GitHub's design system. This is the CSS implementation.
Design systemsSCSSHyperUI
markmead/hyperui
Free Tailwind CSS v4 components for your next project, designed to enhance your web development with the latest features and styles.
Design systemsAstroMaterial Web
material-components/material-web
Material Design Web Components.
Design systemsSCSSCarbon
carbon-design-system/carbon
Website · Design · Develop · Contribute · Migrate Carbon is IBM's open-source design system for products and experiences.
Design systemsTypeScriptGrommet
grommet/grommet
a react-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package.
Design systemsJavaScript
What is React?
React is a free, open-source design system built with React. An implementation of GitHub's Primer Design System using React. It has 3,912 GitHub stars and is released under the MIT license. A live demo is linked from this page. Start a project with npx degit primer/react or clone the repository.
How do I use React?
Copy the files into a new folder with npx degit primer/react my-ui (no git history), or fork the repository on GitHub. Then follow the README for the install and dev commands.
Can I use React for commercial projects?
Yes. React is released under the MIT license, a permissive license that allows commercial use as long as you keep the copyright and license notice. Third-party assets bundled with it (images, fonts, icons) may have their own terms.
Is React maintained?
The repository's most recent commit was on Oct 7, 2026. Its latest release is @primer/react@38.40.1. appsgit only lists templates from repositories with a commit in the last six months.