react-md

Web

Visit site Alternatives

Freedom report

Two barsScore 6.3

Free tierA free tier is on its own pricing page
Open codeNo open-source code on record
Runs widely1 of 6 device platforms
DocumentedPlans, terms and facts published

react-md is ranked #10 of 26 in UI kit libraries on Freedom251. It runs on Web. There is a free plan.

react-md plans and pricing

All plans

react-md Free React component library; requires React and ReactDOM v19 or above and Sass react-md.dev · 5 Oct 2026

Compared on UI kit libraries

Free plan: Yes
Design-system ready: Yes
Responsive components: Yes
Accessibility guidance: Yes
License scope: commercial

Best react-md alternatives

See all 20

Two bars Figma Wireframe Kit Free tier No. 1Free6.6 One bar Carbon Design System Free tier No. 2Free6.4 One bar Clarity Design System Free tier No. 3Free6.4 One bar GOV.UK Design System Free tier No. 4Free6.4 One bar Material Design for Bootstrap Free tier No. 5Free6.4 One bar Shadcn Studio Figma UI Kit Free tier No. 6Free6.4

The record

Product: react-md is an accessible React component library styled with Sass/SCSS.
Components and utilities: The library provides 100+ components, 60+ hooks, and 40+ utilities.
Accessibility: More complex widgets follow W3C ARIA authoring practices for screen reader accessibility and keyboard movement.
Design and styling: Styles are based on Material Design and can be configured at compile time with Sass variables and at runtime with Sass functions and mixins.
Color contrast: Colors are automatically updated to meet a minimum contrast ratio when customizing Sass variables, functions, and mixins.
Requirements: Installation requires React and ReactDOM v19 or above, plus the @react-md/core and sass packages.
Themes: The default theme uses #2196f3 and #ff9100 as its primary and secondary colors.
Fonts: Roboto is the default font, and the documentation describes adding it through Fontsource, Google Fonts CDN, or Next.js.
Icons: Icons can be configured with custom icons, SVG components from @react-md/material-icons, or Material Symbols.
Layouts: The library provides components and hooks for common web application layouts, including fixed headers, navigation panels, and main content areas.
Integrations: Installation instructions show usage with npm, pnpm, and yarn, and reference Next.js for font setup.
Security and compliance: The opened official pages describe accessibility and color contrast features but do not state security certifications or compliance claims.
Maker: The opened official pages identify the product and documentation version but do not state a maker name, headquarters, or founding date.
Price from: Free

Where it ranks on Freedom251

Best UI Kit Libraries in 2026#10 of 26

Is react-md yours?

Claim it for free: prove the domain, then correct facts, plans and screenshots. An editor reviews every change.

Claim it free Promote react-md

Sources

react-md.dev· checked 5 Oct 2026
react-md.dev/getting-started/installation· checked 5 Oct 2026
react-md.dev/getting-started/layout· checked 5 Oct 2026