27:I[852032,["/_next/static/chunks/420b9d784a83d6ef.js","/_next/static/chunks/e5f39e01f3847fdc.js","/_next/static/chunks/cb3cc215eefcc419.js","/_next/static/chunks/97a6cc3e5e13ecc4.js","/_next/static/chunks/53dc0dff0e97a60e.js","/_next/static/chunks/0f25fcaf8d38f1e4.js","/_next/static/chunks/953eb4489612cedd.js","/_next/static/chunks/341aa9b1071b6549.js","/_next/static/chunks/7d3527261605c3f3.js","/_next/static/chunks/bbdbc17c1b8c8c6d.js","/_next/static/chunks/72fe465623713204.js","/_next/static/chunks/8c4c199d1773b697.js","/_next/static/chunks/8f416e7c9043955c.js","/_next/static/chunks/3c2c2e2788654237.js","/_next/static/chunks/9db484079da8cd2d.js","/_next/static/chunks/42239f9950fe9005.js","/_next/static/chunks/307f097e1ec77953.js","/_next/static/chunks/96e7acaf84d7aa28.js","/_next/static/chunks/4557f3e8ac6edf2e.js"],"PostKeyboardShortcuts"] 28:T481, ## Installation ```bash npx shadcn@latest add @hoangkang/theme-switcher ``` Install the following dependencies ```bash npm install next-themes lucide-react motion clsx tailwind-merge ``` Add a cn helper Copy and paste the following code into your project Update the import paths to match your project setup ## Usage ```tsx import { ThemeSwitcher } from "@/components/theme-switcher" ``` ```tsx ``` ## References - https://ui.shadcn.com/docs/registry - https://ui.shadcn.com/docs/dark-mode/next - https://github.com/pacocoursey/next-themes - https://motion.dev/docs/react-motion-component

Welcome

Stack

Features

Registry

License