Theme Switcher

Toggle between system, light, and dark themes in Next.js apps.

import { ThemeSwitcher } from "@/components/theme-switcher"
 
export function ThemeSwitcherDemo() {
  return <ThemeSwitcher />
}

Installation

$ pnpm dlx shadcn add @ncdai/theme-switcher

Usage

import { ThemeSwitcher } from "@/components/theme-switcher"

<ThemeSwitcher />

References