Used by Google
Material Web
by Google · material-web.dev
Colors
BasePrimaryTextBorderSoft
Typeface
AaRobotoRadius
102040
Screenshot 1 of 2What it is
Google's Material 3 components as web components: rounded buttons, soft purple tones and works in any framework.
Design SystemsA design system is more than a component set: it comes with tokens for color, type and spacing, theming, and rules for how parts fit together.
Good for
- Products that need one consistent look
- Theming and dark mode
- Teams sharing one set of components
Alternatives to Material Web
Other Design Systems kits.
PolarisFree
Shopify's admin design system, rebuilt in 2025 as web components: black pill buttons, gray canvas and calm white cards.
Primer ReactFree
The components behind GitHub's own product pages, from issues to settings: clean, information-dense and built for developers.
Base WebFree
Uber's React design system: black and white, high contrast and plain shapes, the look of Uber's own web tools.