Aceternity UI vs Magic UI: which to use?

What each one is

Aceternity UI is a collection of animated React components built with Tailwind CSS and Framer Motion. It became popular for effects that make a page feel alive: spotlight and beam backgrounds, 3D cards, animated text and scroll driven sections. The free components can be copied or installed with the shadcn CLI, and paid annual or lifetime plans add 200+ premium blocks and 12+ landing page templates for Next.js and React.

Magic UI describes itself as a UI library for design engineers: 150+ free animated components and effects built with React, TypeScript, Tailwind CSS and motion, released under the MIT license. It is designed as a companion to shadcn/ui, so you install pieces with the shadcn CLI and they read the shadcn/ui theme. A separate paid product, Magic UI Pro, sells 50+ blocks and templates.

Where Aceternity UI shines

• Visual impact. Its effects are designed to be noticed, which is what a launch page or portfolio often needs.
• Range of effects for one hero. Backgrounds, card interactions, text animations and scroll effects give you many options for a single section.
• Premium marketing templates. If you want a finished landing page and are happy to pay, the paid templates save time.
• A familiar stack. Tailwind plus Framer Motion is easy to read and edit for most React developers.

Where Magic UI shines

• Small details. Animated text, number tickers, marquees, borders and backgrounds that add polish without taking over the page.
• Easy to adopt. It follows the shadcn/ui conventions closely, so it slots into an existing shadcn project with little friction.
• A clear license. The repository is MIT licensed.
• AI editor support. An official MCP server lets tools like Cursor and Claude search and install Magic UI components directly.

The trade-offs

• Theme fit. Magic UI reads the standard shadcn/ui CSS variables, so its pieces follow your theme and dark mode. Many Aceternity effects set colors and gradients in their own classes, so expect to swap hard coded colors for your tokens.
• License terms. Magic UI's repository is MIT. Aceternity UI's free and paid terms are on its license page, and its paid plans allow commercial use, so read it before using Pro content in client work.
• What you pay for. Aceternity UI sells 200+ premium blocks and 12+ templates on annual or lifetime plans. Magic UI Pro sells 50+ blocks and templates.
• Using both. Both install with the shadcn CLI and share the Framer Motion lineage. Check that Framer Motion and motion resolve to compatible versions so you do not ship two animation runtimes.

Where MiniDev UI fits

MiniDev UI overlaps with both on motion: it includes over 100 motion components built on motion (heroes, pricing, marquees, scroll stories), free under MIT, next to its UI components and full pages. Its center of gravity is product UI, though, so when a single signature effect is the point of the page, Aceternity UI and Magic UI are built for exactly that.

Where it helps is the app behind the landing page: billing, settings, dashboards and chat that share one token system with its motion sections. See MiniDev UI vs Aceternity UI and MiniDev UI vs Magic UI.