Launched: create-next-mui v0.1.0 🚀

Every time I start a new project, I love to go with nextjs + mui combo.
But it is frustating to build the theme system each time from scratch ( Of course I want a granular control over theme tokens )

One thing is very common that is the theme system architecture for mui setup.

Just think about a scenario spinning up a cli that do the exact work you want to do.

npx create-next-mui@latest my-app

Overview

• MUI Integration: Pre-configured theme folder parallel to the app directory.
• Clean Code by Default: Integrated eslint-plugin-perfectionist for auto-sorting imports/exports.
• Next.js Optimized: Built specifically for the latest Next.js patterns.

See it in action

thatonevikash / create-next-mui

🚀 The fastest way to start with Nextjs + MUI

create-next-mui

The fastest way to scaffold Next.js + Material UI applications

Skip repetitive setup and start building with a production-ready foundation in seconds.

---

---

✨ Why create-next-mui?

Starting every new Next.js + Material UI project often means repeating the same setup:

• Install Material UI
• Configure Theme Provider
• Set up Emotion
• Configure ESLint
• Organize folders
• Install common libraries

create-next-mui automates all of that.

Generate a clean, scalable, production-ready project so you can focus on building your application—not configuring it.

---

🚀 Features

• ⚡ Next.js App Router
• 🎨 Material UI v9
• 📦 TypeScript & JavaScript templates
• 🧹 ESLint Flat Config
• 📁 Scalable project structure
• 🧩 Plugin system
• 💚 Zero global installation
• 🚀 Production-ready setup

---

⚡ Quick Start

Create a new project.

npx create-next-mui my-app

or

npm init next-mui

Then start developing.

cd my-app
npm install
npm run dev

---

🎯 Interactive Setup

Run the CLI without a project name.

npx create-next-mui

The CLI will guide…

View on GitHub

Thanks for Reading