Magic UI

Magic UI is a popular open-source library of animated React + Tailwind UI components specifically curated for landing pages, marketing sites, and SaaS dashboards that need visual polish without a custom animation budget. The component catalog covers everything indie founders reach for first — animated beams, marquee logo strips, bento grids, dock UIs, ripple buttons, blurred gradient backgrounds, terminal mockups, scroll-driven reveals, neon borders, and a long tail of Framer Motion-powered effects — all dropped in as shadcn-style CLI snippets that paste straight into Next.js, Vite, or Astro projects. The free core is MIT-licensed, used by tens of thousands of repos, and stays current with the latest React 19, Next.js 16, and Tailwind 4 patterns. Magic UI Pro is a paid catalog of premium templates and section blocks (SaaS landing pages, AI startup templates, agency sites, dev-tool homepages) sold as a one-time license that includes lifetime updates, plus a Pro tier for teams. Because all components are just code (not a runtime SDK), there is no vendor lock-in and they work seamlessly with AI coding agents like Cursor, Claude Code, Windsurf, and v0 — many AI-built landing pages in the wild quietly use Magic UI components under the hood. Use cases include startup launches, marketing redesigns, demo days, conference sites, and quick iteration on hero sections.