Command Palette

Search for a command to run...

1.2k
Blog
PreviousNext

Theme Switcher

A theme switcher component for Next.js apps with next-themes and Tailwind CSS, supporting system, light, and dark modes.

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

Installation

pnpm dlx shadcn add @ncdai/theme-switcher

Usage

import { ThemeSwitcher } from "@/components/ncdai/theme-switcher";
<ThemeSwitcher />

References