collected.tools.
LibraryFrontend

Magic UI

Animated React components to copy and paste

What it is

Magic UI is a collection of over 150 animated components and effects for React, built with TypeScript, Tailwind CSS and Motion. As with shadcn/ui, the pieces arrive in your project as source code through its CLI, for example a globe, marquees, particles or animated borders. If you need whole landing pages, the paid Pro version adds ready-made sections and templates.

Install
pnpm dlx shadcn@latest add @magicui/globe
Why it made the cut
  • Over 150 animated components and effects
  • Installed via the shadcn CLI as your own source code
  • Pro with over 50 sections and landing page templates

Related entries