Theme toggle with View Transitions and animated clip-path masks (circle, polygons, star), optional viewport-centered origin.
7,428
Bookmarks
17,628
Installs
12,228
Views
import { AnimatedThemeToggler } from "@/components/ui/animated-theme-toggler"
export default function AnimatedThemeTogglerDemo() {
return (
<div className="flex justify-center p-6">
<AnimatedThemeToggler />3 more lines behind a plan
Previews are free to watch. Reading and copying the full source needs a plan.
See plansThat's all 6 components
Part of Magic UI — browse the full library on Nuxus.