KBAISE/ for lovable
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.

TremorMagic UITailwind Plus
Quick read
  • Free with no card: Tremor, Magic UI.
  • Editor's picks: Magic UI, Tailwind Plus.
  • No logged gotchas: Magic UI.
FieldTremortremor.soMagic UImagicui.designTailwind Plustailwindcss.com
What it is35+ chart and dashboard components built on Recharts and Radix, copy-paste, requiring React 18.2+ and Tailwind v4. Tremor Labs was acquired by Vercel in Jan 2025 and the previously-paid Blocks were released free under MIT.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.
CategoryUI component librariesUI component librariesUI component libraries
Cost tierfreefreepaid
PricingFree · MIT (Blocks now free)Free · MIT · Pro ~$199 once$299 one-time · $149 per pack
Why builders pick itIf your project has an internal editorial dashboard — traffic per article, submission pipeline, subscriber growth over Supabase queries — this is the strongest free option and much better than hand-rolling Recharts.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 forThere are two Tremors. The legacy npm package @tremor/react still has an unresolved Tailwind v4 bug (renders completely unstyled). Use the copy-paste components from the site; do not npm install the package.not loggedReact 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 upnot loggedpnpm dlx shadcn@latest add @magicui/globenot logged
Editor's pickNoYesYes
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 — Tremor 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.

## Tremor (tremor)
- URL: https://tremor.so/
- Category: UI component libraries
- Cost: free — Free · MIT (Blocks now free)
- What it is: 35+ chart and dashboard components built on Recharts and Radix, copy-paste, requiring React 18.2+ and Tailwind v4. Tremor Labs was acquired by Vercel in Jan 2025 and the previously-paid Blocks were released free under MIT.
- Why builders pick it: If your project has an internal editorial dashboard — traffic per article, submission pipeline, subscriber growth over Supabase queries — this is the strongest free option and much better than hand-rolling Recharts.
- Trap: There are two Tremors. The legacy npm package @tremor/react still has an unresolved Tailwind v4 bug (renders completely unstyled). Use the copy-paste components from the site; do not npm install the package.
- Full dossier: /api/public/tools/tremor

## 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: Tremor, 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=tremor,magic-ui,tailwind-plus