Web Dev Tools

UI Component Libraries

Component kits, headless primitives, and design systems worth using.

The space split into three layers: headless primitives, copy-paste systems, and traditional component libraries. Most modern apps mix all three.

Copy-paste / "you own the code"

  • shadcn/ui — Radix + Tailwind + components you copy into your repo. The dominant choice for React + Tailwind in 2026. Has Vue, Svelte, Solid ports (shadcn-vue, shadcn-svelte, shadcn-solid).
  • Park UI — similar idea on top of Ark UI; framework-agnostic (React, Vue, Solid, Svelte).
  • Magic UI / Aceternity UI — animated, marketing-page-flavored components, copy-paste style.
  • Origin UI — lots of polished form / input primitives, copy-paste.
  • Tremor — dashboard components (charts + cards) on top of shadcn aesthetics.

Headless primitives

  • Radix UI — unstyled, accessible primitives for React. Dropdowns, dialogs, tooltips, etc.
  • Ark UI — framework-agnostic primitives (React, Vue, Solid, Svelte) from the Chakra team, built on Zag.js state machines.
  • Headless UI — Tailwind Labs' primitives; React + Vue.
  • React Aria / React Aria Components — Adobe's accessibility-first primitives. Strongest a11y story in the ecosystem.
  • Zag.js — state machine library underlying Ark.

Traditional component libraries

  • Mantine — React, batteries-included, ~120 components, great hooks library.
  • HeroUI (formerly NextUI) — React + Tailwind, beautiful defaults.
  • Material UI (MUI) — Material Design, mature, large enterprise install base.
  • Chakra UI v3 — accessible, themeable; rebuilt on Ark/Zag in v3.
  • Ant Design — enterprise-grade, dense, popular in Asia.
  • PrimeReact / PrimeVue — huge component count, themable.
  • Vuetify, Naive UI, Element Plus — Vue equivalents.
  • Skeleton UI, Bits UI, Melt UI — Svelte options.

Special-purpose

  • Floating UI — positioning library for tooltips, popovers, dropdowns (used by Radix, Ark, etc).
  • Vaul — mobile drawer primitive for React.
  • cmdk — command-menu primitive (used in shadcn/ui's Command component).

Pick this if…

  • React + Tailwind, build over time: shadcn/ui.
  • Multi-framework or a non-React stack: Park UI / Ark UI.
  • Need it shipped, not custom: Mantine or HeroUI.
  • Strict a11y requirements: React Aria Components.
  • Enterprise / data-heavy apps: MUI or Ant Design.
  • Beautiful marketing pages quickly: Magic UI / Aceternity.

On this page