Skip to content
+

Example projects

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

Official examples

The following starter projects are all 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 App Router

Next.js App Router

Next.js Pages Router

Next.js Pages Router

Tailwind CSS + CRA

Tailwind CSS + CRA

styled-components

styled-components

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 projects

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.

Free

  • React Admin

    • stars
    • A frontend framework for building B2B applications running in the browser.
    • On top of REST/GraphQL APIs, using ES6, React and Material Design.
  • refine:

    • stars
    • An open-source, headless, React-based framework for the rapid development of web applications that supports Vite, Next.js and Remix.
    • Designed for building data-intensive applications like admin panels, dashboards, and internal tools, but thanks to built-in SSR support, can also power customer-facing applications like storefronts.
    • Supports Material UI to generate a complete CRUD app that follows the Material Design guidelines and best practices.
    • Connectors for 15+ backend services, including REST API, GraphQL, NestJS, Airtable, Strapi, Supabase, Appwrite, Firebase, and Hasura.
    • Out-of-the-box support for live/real-time applications, audit logs, authentication, access control flows and i18n.
    • Advanced routing with any router library.
  • 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.