Getting Started
Components
Device Mocks
Special Effects
Animations
Text Animations
Buttons
MagicMagicUIUIwillwillchangechangethethewaywayyouyoudesign.design.
import { TextReveal } from "@/registry/magicui/text-reveal";
export function TextRevealDemo() {
return <TextReveal>Magic UI will change the way you design.</TextReveal>;
}
Installation
pnpm dlx shadcn@latest add @magicui/text-reveal
Usage
import { TextReveal } from "@/components/magicui/text-reveal";
<TextReveal>Magic UI will change the way you design.</TextReveal>
Limited Time Offer
Ship Faster with Magic UI ProMagic UI Pro
Stop building from scratch.
Get 8 production-ready templates and 50+ premium components that your users will love.
✓
Next.js 15 + TypeScript ready✓
Copy, paste, customize in minutes✓
Save 100+ hours of development