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,925 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.
github.com/primer/react (opens in a new tab)
Data as of from the GitHub API; description from the project's repository. Report an error
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
Gestalt
pinterest/gestalt
A set of React UI components that supports Pinterest’s design language.
Maintained · last commit Oct 5, 2026
OfficialDesign systemsTypeScriptDesigner Skills
Owl-Listener/designer-skills
Designer Skills Collection: agentic skills, commands, and plugins for design — from research to systems, UI, interaction, and delivery.
Maintained · last commit Sep 5, 2026
Design systemsMarkdownZag
chakra-ui/zag
Build your design system in React, Solid, Vue, Svelte or Vanilla.
Active · last commit Oct 26, 2026
OfficialDesign systemsTypeScriptArco Design Vue
arco-design/arco-design-vue
A Vue.js 3 UI Library based on Arco Design.
Active · last commit Oct 21, 2026
Design systemsTypeScriptArk
chakra-ui/ark
Unstyled, accessible UI components for your design System.
Active · last commit Oct 20, 2026
OfficialDesign systemsTypeScriptUX UI Agent Skills
plugin87/ux-ui-agent-skills
Turn Claude into a senior design architect: DTCG tokens, 52 components, WCAG 2.2 AA-AAA, 138 design systems, any-framework code, and 50 objective gates that fail the build instead of faking success.
Active · last commit Oct 27, 2026
Design systemsJavaScript
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 26, 2026. Its latest release is @primer/mcp@1.1.2. appsgit only lists templates from repositories with a commit in the last six months.