Next Theme Toggle – Add Dark/Light Mode to Next.js in Seconds!

If you've ever manually set up dark/light theme toggling in a Next.js project, you know it can be a bit of a hassle. especially when dealing with Tailwind CSS configs, theme providers, and responsive styles. So I built a CLI that does it all for you in seconds.

A CLI tool next-theme-toggle is a zero-config CLI that sets up dark/light theme toggling in your Next.js + Tailwind CSS v4 project — in just one command.

What it does:

• Auto-detects your Next.js project structure

• Adds next-themes + lucide-react

• Installs or upgrades to Tailwind CSS v4

• Injects ready-made components (ThemeToggle, Header, ExampleCard)

• Smooth transitions & system theme detection

• Supports both JS & TS

• Non-destructive and zero config

Landing Page: https://next-theme-toggle.megh.me

NPM: https://www.npmjs.com/package/next-theme-toggle

GitHub: https://github.com/megh-bari/next-theme-toggle

Issues & PRs welcome! Let’s keep this focused, simple, and useful for the whole Next.js + Tailwind community. Give it a try & let me know what you think!

Would love feedback, ideas, and contributions from the community!
If it helps, feel free to give it a ⭐ and share with other Next.js devs.

If you try it and it works well awesome. If it breaks something — let me know (it already gave me enough debugging pain)