Skip to content
+

Example projects

A collection of examples, boilerplates, and scaffolds to jumpstart your next Material UI project.

Integrations

The following integration examples are available in the /examples folder of the Material UI GitHub repository. These examples feature Material UI paired with other popular React libraries and frameworks, so you can skip the initial setup steps and jump straight into building.

Not sure which to pick? We recommend Next.js for server-side rendering, or Vite if you're looking to build a SPA. See Start a New React Project from the official React docs to learn more about the options available.

Next.js Pages Router

Next.js Pages Router

Tailwind CSS + Create React App

Tailwind CSS + Create React App

Express.js (server-rendered)

Express.js (server-rendered)

React-admin

React-admin


Official themes and templates

Once you've chosen your preferred scaffold above, you could move on to the Templates doc and choose a readymade user interface to plug in.

For more complex prebuilt UIs, check out our premium themes and templates in the MUI Store.

Community project

The following projects are maintained by the community and curated by Material UI's team. They're great resources for learning more about real-world usage of Material UI alongside other popular libraries and tools.

  • ScaffoldHub:

    • Tool for building web applications.
    • Choose your framework and library (React with Material UI).
    • Choose your database (SQL, MongoDB or Firestore).
    • Model your database and application with the intuitive GUI.
    • Generate your application, including a complete scaffolded backend.
    • Preview your application online, and download the generated code.
  • Divjoy:

    • Create a Material UI app in minutes.
    • Templates, authentication, database integration, subscription payments, and more.