Submit
  1. Home
  2. Design Systems
  3. Material Web
  4. Alternatives

Material Web alternatives

33 sites that do what Material Web does, side by side. All hand-picked Design Systems kits.

Material Web screenshot 1
Comparing againstMaterial Web

Google's Material 3 components as web components: rounded buttons, soft purple tones and works in any framework.

Open page →
SiteGet codePriceSaves
Material WebThis onenpmFree
PolarisWeb ComponentsCopyFree
Primer ReactReactnpmFree
Base WebReactnpmFree
CloudscapeReactnpmFree
Spectrum 2ReactnpmFree
CarbonReactnpmFree
Fluent UIReactnpmFree
Apps SDK UIReact, TailwindnpmFree
even-toolkitReactnpmFree
RoughnessVuenpmFree
Fuji UIReactnpmFree
Twenty UIReactnpmFree
Polar UIReact, Tailwind CSSnpmFree
Dub UIReact, Tailwind CSSnpmFree
WedgesReact, Radix UI, Tailwind CSSnpmFree
Primer BrandReactnpmFree
Animal Island VueVuenpmFree
PaperCSSCSSnpmFree
Welcome UIReact, Tailwind CSSnpmFree
Functional UI KitReact, FigmanpmFree
Framework7JavaScript, React, Vue, SveltenpmFree
Lobe UIReact, antd-stylenpmFree
Meta AstryxReact, StyleXnpmFree
MUI (Material UI)React, EmotionnpmFree
KumoReact, Tailwind CSS, Base UInpmFree
Animal Island UIReact, TypeScriptnpmFree
HeroUIReact, Tailwind CSS, React ArianpmFree
AfterglowReact, shadcn/ui, Base UIRegistryFree
Plane UIReact, Tailwind CSSCopyFree
Unkey UIReact, Tailwind CSSCopyFree
Midday UIReact, shadcn/uiCopyFree
BoardUIReact, Tailwind CSS, React AriaRegistryFree
Untitled UI ReactReact, Tailwind CSS, React AriaRegistryFree
About Design Systems libraries

A 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. Choose one when you want the whole product to feel consistent without designing every piece yourself.

Good for
  • Products that need one consistent look
  • Theming and dark mode
  • Teams sharing one set of components