Head to head
Stop guessing which one. Put them side by side.
Up to 4 tools, same rows for each: what it is, what it really costs, the trap, and how to wire it up. The URL carries your picks — send it to anyone.
Untitled UIMagic UITailwind Plus
Quick read
- Free with no card: Magic UI.
- Editor's picks: Magic UI, Tailwind Plus.
- No logged gotchas: Magic UI.
| Field | Untitled UIuntitledui.com | Magic UImagicui.design | Tailwind Plustailwindcss.com |
|---|---|---|---|
| What it is | Three products: an open-source React + Tailwind v4 component library built on React Aria (with an official Lovable starter kit), a Figma system with 10,000+ components and 420+ page examples, and a 4,600-icon set with a free 1,100-icon tier. | 150+ animated components built with React, TypeScript, Tailwind and Motion, explicitly designed as the companion to shadcn/ui. Installs with the exact same CLI you already use. No Three.js dependency; components stay under ~5 kB tree-shaken. | Formerly Tailwind UI, from Tailwind Labs. 500+ copy-paste blocks across Marketing, Application UI and Ecommerce, plus every site template (Catalyst, Spotlight, Salient, Studio, Keynote) and the Catalyst React kit. Built for Tailwind v4.3. |
| Category | UI component libraries | UI component libraries | UI component libraries |
| Cost tier | mixed | free | paid |
| Pricing | Free MIT tier · $349 Pro · $139 Figma · $59 icons | Free · MIT · Pro ~$199 once | $299 one-time · $149 per pack |
| Why builders pick it | The strongest option if design and dev need one shared system — the 420+ page examples fill exactly the gap shadcn leaves (primitives, not pages). Official Lovable starter is a real advantage. | Best stack fit of the animated libraries. Animated beams for a table-of-contents, number tickers for circulation stats, shimmer on a subscribe CTA, marquee for a sponsor row — polish without changing anything structural or blowing the image budget. | The one component purchase I would actually make for a content site. Marketing pages, article headers, pricing and subscribe flows are exactly where default shadcn output looks unfinished, and this is first-party Tailwind markup that pastes straight in. One-time, lifetime, 30-day refund. |
| Watch out for | Uses React Aria while shadcn uses Radix/Base UI — they coexist but you carry two primitive systems. Decide early which one owns your buttons. $349 is per seat. | not logged | React blocks use Headless UI, so you end up with two primitive libraries alongside shadcn's Radix/Base UI. Licence bars repackaging blocks into anything you resell. No update mechanism once pasted. |
| How to wire it up | not logged | pnpm dlx shadcn@latest add @magicui/globe | not logged |
| Editor's pick | No | Yes | Yes |
Which one did you ship?
The grid says what these tools are. This says what builders did about it — one decision per person, changeable whenever you change your mind.
0/280Sign in to add yours.
Or try
Hand this to your Lovable agent
# Tool comparison — Untitled UI vs Magic UI vs Tailwind Plus Source: Kbaise, a directory of tools that work with Lovable projects. Pick one and tell me why before writing any integration code. ## Untitled UI (untitled-ui) - URL: https://www.untitledui.com/ - Category: UI component libraries - Cost: mixed — Free MIT tier · $349 Pro · $139 Figma · $59 icons - What it is: Three products: an open-source React + Tailwind v4 component library built on React Aria (with an official Lovable starter kit), a Figma system with 10,000+ components and 420+ page examples, and a 4,600-icon set with a free 1,100-icon tier. - Why builders pick it: The strongest option if design and dev need one shared system — the 420+ page examples fill exactly the gap shadcn leaves (primitives, not pages). Official Lovable starter is a real advantage. - Trap: Uses React Aria while shadcn uses Radix/Base UI — they coexist but you carry two primitive systems. Decide early which one owns your buttons. $349 is per seat. - Full dossier: /api/public/tools/untitled-ui ## Magic UI (magic-ui) - URL: https://magicui.design/ - Category: UI component libraries - Cost: free — Free · MIT · Pro ~$199 once - What it is: 150+ animated components built with React, TypeScript, Tailwind and Motion, explicitly designed as the companion to shadcn/ui. Installs with the exact same CLI you already use. No Three.js dependency; components stay under ~5 kB tree-shaken. - Why builders pick it: Best stack fit of the animated libraries. Animated beams for a table-of-contents, number tickers for circulation stats, shimmer on a subscribe CTA, marquee for a sponsor row — polish without changing anything structural or blowing the image budget. - Wiring: pnpm dlx shadcn@latest add @magicui/globe - Full dossier: /api/public/tools/magic-ui ## Tailwind Plus (tailwind-plus) - URL: https://tailwindcss.com/plus/ui-blocks - Category: UI component libraries - Cost: paid — $299 one-time · $149 per pack - What it is: Formerly Tailwind UI, from Tailwind Labs. 500+ copy-paste blocks across Marketing, Application UI and Ecommerce, plus every site template (Catalyst, Spotlight, Salient, Studio, Keynote) and the Catalyst React kit. Built for Tailwind v4.3. - Why builders pick it: The one component purchase I would actually make for a content site. Marketing pages, article headers, pricing and subscribe flows are exactly where default shadcn output looks unfinished, and this is first-party Tailwind markup that pastes straight in. One-time, lifetime, 30-day refund. - Trap: React blocks use Headless UI, so you end up with two primitive libraries alongside shadcn's Radix/Base UI. Licence bars repackaging blocks into anything you resell. No update mechanism once pasted. - Full dossier: /api/public/tools/tailwind-plus ## Quick read - Free with no card: Magic UI. - Editor's picks: Magic UI, Tailwind Plus. - No logged gotchas: Magic UI. ## Rules 1. Prefer the free tier when no budget was stated, and say what the ceiling is. 2. Read the full dossier before integrating. 3. Fetch /api/public/models before writing any AI model ID.
Agents can fetch the same thing: GET /api/public/compare?slugs=untitled-ui,magic-ui,tailwind-plus