A zero-config CLI tool that instantly adds a beautiful dark/light theme toggle to your Next.js project — with Tailwind CSS, next-themes, and pre-built components.

Because setting up theme support shouldn't be a project of its own.

• Live - Next Theme Toggle

Next Theme Toggle is a one-command solution to scaffold dark/light mode support into your existing Next.js + Tailwind project. It handles everything:

• Installs next-themes and lucide-react
• Adds a ThemeProvider with next-themes
• Injects reusable toggle button components
• Works with Tailwind CSS (auto-installs if needed)
• Clean, minimal code with no extra fluff

npx next-theme-toggle

That’s it.

You’ll get a beautiful, animated theme toggle that just works — no setup, no headaches.

• One Command Setup
• Lucide Icons for Toggle UI
• Tailwind Styled Components
• Handles Missing Tailwind or Old Versions
• Injects Files in Clean Folder Structure
• Tested with Multiple Next.js Versions

• GitHub Repo
• NPM Package

We welcome contributions from the community!

Want to improve the UI toggle? Add support for other frameworks? Open a PR or start a discussion.

• Contribute Guide

Because dark mode shouldn't take hours to set up.

npx next-theme-toggle

Get dark/light mode support in seconds.