Brightness Control

An interactive brightness control component with animated transitions, providing a user-friendly interface for adjusting brightness levels from 0-6.

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

import { BrightnessControl } from "@/components/ui/brightness-control";

export function BrightnessControlDemo() {
  return  <BrightnessControl />
}