A powerful theme switching solution for Next.js applications that brings VSCode-like theme capabilities to your web apps. Transform your application's appearance with smooth transitions and a wide range of customizable themes. Who says your apps can only have one look and feel?
- 🎨 Unlimited theme support - add as many themes as you want
- 🌓 Smooth theme transitions with customizable animations
- 🎯 VSCode-inspired theme system
- 🔄 Real-time theme switching without page reload
- 📱 Responsive design support
- 🎭 Custom theme creation support
- 🔒 TypeScript support
- 🚀 Next.js 13+ compatible
- Node.js 16.8 or later
- Next.js 13 or later
- Clone the repository:
git clone https://github.com/thedogwiththedataonit/next-theme-kit.git
cd next-theme-kit- Install dependencies:
npm install
# or
yarn install
# or
pnpm install- Run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev- Open http://localhost:3000 in your browser to see the result.
We're working on releasing this as a public NPM package to make it easy to add VSCode-like theme capabilities to any Next.js or React application. Stay tuned for updates!
We welcome contributions! If you'd like to help improve this project:
- Fork the repository
- Create your feature branch (
git checkout -b feature/AmazingFeature) - Commit your changes (
git commit -m 'Add some AmazingFeature') - Push to the branch (
git push origin feature/AmazingFeature) - Open a Pull Request
For any questions or to get involved, please email us at thomas@demopenguin.com
This project is licensed under the MIT License - see the LICENSE file for details.
- Inspired by TweakCN
- Built with Next.js and React