Getting Started
Components
Device Mocks
Special Effects
Animations
Text Animations
Buttons
import { AnimatedThemeToggler } from "@/registry/magicui/animated-theme-toggler";
function AnimatedThemeTogglerDemo() {
return (
<div>
<AnimatedThemeToggler />
</div>
);
}
export AnimatedThemeTogglerDemo;
Installation
pnpm dlx shadcn@latest add @magicui/animated-theme-toggler
Usage
import { AnimatedThemeToggler } from "@/components/magicui/animated-theme-toggler";
<AnimatedThemeToggler />
Props
Prop | Type | Default | Description |
---|---|---|---|
className | String | " " | Additional classes to be added to the component |
Credits
- Credit to Nazam Kalsi
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