Submit
  1. Home
  2. Design Systems
  3. Fluent UI
  4. Alternatives

Fluent UI alternatives

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

Fluent UI screenshot 1
Comparing againstFluent UI

Microsoft's Fluent 2 for React, the system behind Teams and Office on the web: calm blue, small corners and dense, tidy layouts.

Open page →
SiteGet codePriceSaves
Fluent UIThis onenpmFree
Primer ReactReactnpmFree
Base WebReactnpmFree
CloudscapeReactnpmFree
Spectrum 2ReactnpmFree
CarbonReactnpmFree
Apps SDK UIReact, TailwindnpmFree
even-toolkitReactnpmFree
Fuji UIReactnpmFree
Twenty UIReactnpmFree
Polar UIReact, Tailwind CSSnpmFree
Dub UIReact, Tailwind CSSnpmFree
WedgesReact, Radix UI, Tailwind CSSnpmFree
Primer BrandReactnpmFree
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
Material WebWeb Components, LitnpmFree
RoughnessVuenpmFree
Animal Island VueVuenpmFree
PaperCSSCSSnpmFree
PolarisWeb ComponentsCopyFree
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