animated-theme-toggle

ToggleTheme is an interactive theme switcher for React/Next.js applications that allows users to toggle between light and dark modes. It features a smooth, animated icon transition between sun and moon using Framer Motion, enhancing the visual feedback.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds animated-theme-toggle to your project and fits it to your theme.

import {AnimatedThemeToggle} from '@/components/ui/animated-theme-toggle'

export default function DemoOne() {
  return <>
  <AnimatedThemeToggle/></>;
}