GitHub Primer
7.0#4 in ui kit librariesFree planFree planWebAPI
VisitGitHub Primer vs react-md
What both publish
| Fact | GitHub Primer | react-md |
|---|---|---|
| Accessibility | Primer includes accessibility foundations, policies, principles and frameworks for accessible experiences. | More complex widgets follow W3C ARIA authoring practices for screen reader accessibility and keyboard movement. |
| Icons | Octicons is a scalable set of icons handcrafted by GitHub. | Icons can be configured with custom icons, SVG components from @react-md/material-icons, or Material Symbols. |
| Product | Primer is GitHub’s design system, with guidelines, principles, and patterns for designing and building UI at GitHub. | react-md is an accessible React component library styled with Sass/SCSS. |
GitHub Primer plans
- PrimerFree
react-md plans
- react-mdFree
Pick GitHub Primer if…
Primer suits designers and developers building product interfaces or marketing experiences, particularly those seeking guidance on React, accessibility, and design tokens. Figma access and contribution restrictions may matter to teams outside GitHub.
Pick react-md if…
It suits developers building web applications with React who want Material Design components, configurable Sass styling, and documented accessibility guidance. Teams needing reusable layouts and responsive components can use its broader component set.