Magic UI
Magic UI is an open-source UI library for design engineers, offering 150+ animated components and effects built with React, TypeScript, Tailwind CSS, and Motion. Magic UI Pro extends it with 50+ landing page blocks and templates for rapid page building.
🎨 150+ Animated Components: A rich library of free, open-source animated UI components and effects. From text animations to interactive backgrounds, each component is crafted for visual impact and smooth performance.
⚡ Perfect shadcn/ui Companion: Designed to work seamlessly alongside shadcn/ui. Share the same React + Tailwind CSS + TypeScript stack, making integration effortless in existing projects.
📦 Magic UI Pro: Premium tier with 50+ landing page blocks and templates. Build complete, polished landing pages in minutes by composing pre-designed sections.
🌟 Trusted by Top Startups: Used by YC-backed companies (Infisical, Langfuse, Million.dev, Cognosys) and open-source projects. Battle-tested in production environments.
🔧 Developer Experience: Copy-paste workflow with full TypeScript support. Built on Motion for smooth animations, with comprehensive documentation and a searchable command palette.