Fancy Theme Toggle

Theme Toggle from the classic Designer vs Developer meme.

ReactHTML
React
Open in
Loading...

Installation

pnpm dlx shadcn@latest add https://atlasui.dev/r/fancy-theme-toggle.json

NOTE: This component is built with next-themes for Next.js projects. For other frameworks, swap the next-themes logic with your framework's theming utility. See the shadcn/ui dark mode docs for reference.

Usage

import { ThemeToggle } from "@/component/fancy-theme-toggle";
<ThemeToggle />
Project GalleryTypewriter