Catalog
Compare
For each component type, see how each library renders it — side by side, live, in a phone canvas. Pick a type, browse the implementations, decide which library to commit to.
Libraries tracked
Click any badge on a comparison page to expand the pricing / what-you-get details.
- AREAOwned · privateOur own workspace package — built in-house, mobile-first wrappers around Vaul/Radix/Motion with @area/foundation tokens.
- shadcn/uiFree · MIT~45 components, all MIT-licensed. Copy-paste model — once installed, you own the code. No subscription, no template store, no upsell.
- Origin UIFree · MIT350+ variants and blocks layered on top of shadcn. Tabs variants, button styles, card layouts, avatar variants — all MIT, all free. No paid tier.
- Magic UIFree core · Pro templates $99-199 one-timeComponent library (~150 animated components) is free MIT. Magic UI Pro is a separate product — sells pre-built page templates (landing pages, dashboards) at $99-199 each, one-time purchase. Not required for the components themselves.
- Aceternity UIFree core · Pro templates + course $79-249 one-timeComponents on aceternity.com are free MIT. Aceternity Pro is a separate product — sells templates and a video course at $79-249 one-time. Not required for the free component library.
- React AriaFree · Apache 2.0Adobe's headless, accessibility-first primitives — ~50 components (Tabs, Dialog, Button, ComboBox, DatePicker, ListBox, Tree, etc.). Unstyled by default, you bring your own Tailwind. WCAG-compliant out of the box. The headless layer many other libraries are starting to build on.
- Untitled UIFree · MIT200+ pre-styled React components built on React Aria primitives. Buttons, badges, inputs, modals, tables, charts, date pickers, file upload, navigation — the full Figma-quality design system, code-shipped MIT. Their paid Figma kit is separate; the React code is free.
Free — MIT, no cost ever Free with paid tier — components free, optional paid templates exist Owned — already licensed or in-house Subscription — recurring fee required
Component types
Tabs
8 implementationsAREA · shadcn/ui · Origin UI · Magic UI · Aceternity UI · React Aria · Untitled UI
Dialog
6 implementationsAREA · shadcn/ui · Origin UI · Aceternity UI · React Aria · Untitled UI
Sheet
1 implementationAREA
Button
8 implementationsAREA · shadcn/ui · Origin UI · Magic UI · Aceternity UI · React Aria · Untitled UI
Card
5 implementationsshadcn/ui · Origin UI · Magic UI · Aceternity UI · AREA
Avatar
6 implementationsshadcn/ui · Origin UI · Magic UI · Aceternity UI · AREA · Untitled UI
Form
0 implementationsNo implementations yet — add one in lib/implementations.ts
Toast
0 implementationsNo implementations yet — add one in lib/implementations.ts
Accordion
0 implementationsNo implementations yet — add one in lib/implementations.ts
ComboBox
1 implementationReact Aria
Select
1 implementationReact Aria
Switch
2 implementationsReact Aria · Untitled UI
Checkbox
2 implementationsReact Aria · Untitled UI
Slider
2 implementationsReact Aria · Untitled UI
Menu
1 implementationReact Aria
Tooltip
2 implementationsReact Aria · Untitled UI
Progress
2 implementationsReact Aria · Untitled UI
Breadcrumb
1 implementationReact Aria
Date Picker
1 implementationReact Aria
Input
2 implementationsReact Aria · Untitled UI
Badge
1 implementationUntitled UI