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 @saddine/theme-switcher

Usage

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

<ThemeSwitcher />

References

Thanks for coming by.

See you around.

Salah Eddine·2026