Add a dark mode toggle to my site built with [stack]. Use CSS variables, respect prefers-color-scheme by default, remember the user's choice, avoid a flash of the wrong theme on load, and keep it accessible.
Results for “dark mode”
All tools
ChatGPT
Claude
Gemini
Midjourney
DALL·E
Stable Diffusion
Flux
Copilot
Runway
Sora
Veo
Kling
Suno
Udio
ElevenLabs
Other
3 prompts
Build a [component, e.g. pricing table / navbar / testimonial slider] with Tailwind CSS. Make it responsive, accessible (keyboard and screen reader friendly), support dark mode, and use a [color] accent. Return the HTML and explain the key classes.
Coding & Development
Tailwind CSS component
A polished, responsive UI component built with Tailwind classes.
You are a senior front-end developer and designer. Build a single-file landing page using HTML and Tailwind CSS (via CDN). Product: [name and what it does] Audience: [who it's for] Brand colours: [hex codes] Style: [e.g. minimal, bold, playful, dark mode] Sections: hero with headline + CTA, logos/social proof, 3 featu…
Coding & Development
Responsive landing page in HTML and Tailwind CSS
Generate a modern, responsive, accessible landing page as a single HTML file using Tailwind, ready to customise and deploy.