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.

Material UI - Next.js App Router example

This is a Next.js project bootstrapped using create-next-app with Material UI installed.

How to use

Download the example or clone the repo:

curl https://codeload.github.com/mui/material-ui/tar.gz/master | tar -xz --strip=2  material-ui-master/examples/material-ui-nextjs
cd material-ui-nextjs

Install it and run:

npm install
npm run dev

Open http://localhost:3000 with your browser to see the result.

or:

Learn more

To learn more about this example:

• Next.js documentation - learn about Next.js features and API.

• Customizing Material UI - approaches to customizing Material UI.

What's next?

You now have a working example project. You can head back to the documentation and continue by browsing the templates section.

Not found