Theme Switcher

Buttons 136

About

Component that allows users to switch between light and dark themes.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Theme Switcher to your project and fits it to your theme.

Code

How Theme Switcher is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import React from "react";
import { ThemeSwitcher } from "@/components/ui/theme-switcher";

export const ThemeSwitcherDemo = () => {
  return (
    <div className="h-[100vh] flex items-center justify-center px-4">
      <ThemeSwitcher />
    </div>
  );
};