Create CLI npx create-mui-app

Summary 💡

Today, to create a new project, you have to go with one of those:

1. start from our example folder in GitHub
2. follow a step-by-step flow (well not just yet, but a WIP #40062)

There is a space to create a CLI specific to MUI (the whole suite of products) that

• A. would allow developers to quickly pick the stack they want:

  • TypeScript vs. JavaScript
  • Next.js vs. Vite
  • which abstraction level do you want, Base UI (you own the styles) vs. Material UI (you don't own the styles).
  • which theme do you want, Material Design or Joy Design
  • do you want Tailwind CSS, or raw CSS or MUI System
  • do you want Toolpad?

• B. would allow to easily import a template/block to an existing project.

Examples 🌈

• Next.js npx create-next-app@latest

• Vite npm create vite@latest

Motivation 🔦

Achieving this with examples would lead to an explosion of possible combinations, it would be a LOT more examples to maintain.

Related

#39587, #41173

Start by reviewing the related issues #39587 and #41173, then compare the project-creation flows from create-next-app and Vite mentioned in the issue. Define the CLI scope and acceptance criteria for selecting TypeScript or JavaScript, the framework, MUI abstraction and theme, styling approach, Toolpad, and importing templates or blocks.