This component no longer exists. It was in shadcn/ui’s manifest when we first indexed it and is not there now — the registry served its inventory on 2026-08-13 and this item was not on it. The install command below will fail. It is kept here because a tutorial somewhere still tells people to run it.
theme-toggle
zenithui-chandubobbili/theme-toggleRemovedComponent
shadcn/ui publishes no description for this item.
Install it
npx shadcn@latest add https://zenithui.chandubobbili.dev/r/theme-toggle.jsonSource
1"use client"2import { cn, useThemeMode } from "@zenithui/utils"3import { Button } from "@/components/ui/button"4import { Moon, Sun } from "lucide-react"56export default function ThemeToggle() {7 const { ref, toggleSwitchTheme, isDarkMode } = useThemeMode({8 animationType: "CIRCLE",9 duration: 750,10 blurAmount: 2,11 })1213 return (14 <Button15 ref={ref}16 variant="outline"17 size="icon"18 className={cn("relative size-fit rounded-full p-3 transition-all")}19 onClick={toggleSwitchTheme}20 >21 {isDarkMode ? (22 <Moon className="h-[1.2rem] w-[1.2rem] scale-0 rotate-90 opacity-0 transition-all dark:scale-100 dark:rotate-0 dark:opacity-100" />23 ) : (24 <Sun className="h-[1.2rem] w-[1.2rem] scale-100 rotate-0 opacity-100 transition-all dark:scale-0 dark:-rotate-90 dark:opacity-0" />25 )}26 </Button>27 )28}
What it pulls in
npm packages
