Dark Mode Generator
Automatically add dark mode support to React components and entire directories. Handles CSS variables, Tailwind dark: prefixes, and prefers-color-scheme media queries with zero configuration.
🚀 Automatically add dark mode to your components with one command. This tool reads your React files and intelligently adds dark styles using CSS variables, Tailwind dark: prefixes, or prefers-color-scheme media queries. No configuration needed—just run it on a single file or entire directory.
💡 Perfect for adding dark mode to existing projects, converting light-only components, or standardizing dark mode across your codebase. Works with any styling approach and preserves your original code structure.
✨ Zero setup, zero paywalls—just npm install and go. Part of 110+ free developer tools from LXGIC Studios.
Requirements
OPENAI_API_KEY environment variable required for AI-powered dark mode generation