thisdesign.space

REACT · library

Magic UI

150+ animated components for marketing sites, built on Tailwind + Framer Motion.

Magic UI is a large catalogue of animated React components — number tickers, beam effects, animated lists, marquees, gradient blobs, retro grids. Compatible with shadcn/ui and Tailwind v4. Best when you're building a marketing landing and want each section to have its own attention-grabbing animation.

byudaysinhudaysinh
Visit magicui.design

The homepage is the canonical demo. The lab points; doesn't mirror.

Quick start

Installbash

npx shadcn@latest add "https://magicui.design/r/marquee"

Usagetsx

import { Marquee } from "@/components/magicui/marquee";

<Marquee className="py-12">
  <div>logo</div>
  <div>logo</div>
  <div>logo</div>
</Marquee>

Links