Components
Loading preview...
Animated Theme Toggler: a sun↔moon morph toggle with spring physics and a soft switch-click sound. Sun rays shrink and rotate away while a masked circle swells into a crescent moon. Zero deps beyond motion/react.
npx shadcn@latest add https://21st.dev/r/ruixen.ui/animated-theme-togglerimport { AnimatedThemeToggler } from "@/components/ui/animated-theme-toggler";
export default function DemoOne() {
return (
<div className="flex min-h-[200px] w-full items-center justify-center">
<AnimatedThemeToggler />
</div>
);
}