Skip to content
Web Tools
Magic UI preview
Motion & InteractionsLanding Kit

Magic UI

50+ free and open-source animated components built with React, Typescript, Tailwind CSS, and Framer Motion.

Visit website(opens in a new tab)GitHubDocs

Highlights

  • Bento Grids & Marquees
  • Animated Beams & Borders
  • Particle effects
  • Interactive globes & terminal widgets

Get started

npx magicui-cli@latest add [component]

Related tools

Shaders

Aceternity UI

Motion & Interactions

High-end canvas and WebGL shader effects with Framer Motion.

Micro-Lib

React Bits

Motion & Interactions

Kinetic micro-components, animations, and text effects with zero extra dependencies.

Font Service

Fontshare

Modern Typography

Free, high-quality, professional fonts and type pairings for modern websites.