Skip to content
🚀 MUI X v6 is out! Discover what's new and get started now!
Edit this page
+

Example projects

A selection of example projects to get started with.

Official examples

You can find some example projects in the GitHub repository under the /examples folder:

Next.js
Create React App
Remix
Tailwind CSS + CRA + TypeScript
Tailwind CSS + CRA + TypeScript
View example
Vite.js
styled-components
Gatsby
Preact
Express.js (server-rendered)
Express.js (server-rendered)
View example

Create React App is an awesome project for learning React. Have a look at the alternatives available to see which project best fits your needs.

The source code for this documentation site is also included in the repository. This is a slightly more complex project. Check out the /docs folder for build instructions.

More advanced example projects

If you want to start with a more complete and real-world example, you could take a look at the premium themes & templates or:

Free

  • GraphQL API and Relay Starter Kit:

    • stars
    • GraphQL API project using code-first design (TypeScript, OAuth, GraphQL.js, Knex, Cloud SQL)
    • Web application project pre-configured with Webpack v5, TypeScript, React, Relay, Material UI
    • Serverless deployment: api -> Cloud Functions, web -> Cloudflare Workers
    • Client-side page routing/rendering at CDN edge locations, lazy loading
    • Optimized for fast CI/CD builds and deployments using Yarn v2 monorepo design

  • React Most Wanted:

    • stars
    • Created with Create React App
    • Custom Create React App script to start a new project with just a single CLI command
    • Build for Firebase including Authentication using the official Firebase Web Auth UI
    • Routing with React Router including error handling (404) and lazy loading
    • All PWA features included (SW, Notifications, deferred installation prompt and more)
    • Optimized and scalable performance (all ~100 points on Lighthouse)

  • 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

  • React SaaS Template:

    • stars
    • Created with Create React App
    • Features a landing page, a blog, an area to login/register and an admin-dashboard
    • Fully routed using react-router
    • Lazy loads components to boost performance
    • Components for statistics, text with emoji support, image upload and much more...

  • 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:

    • Build your complete application with this online tool
    • 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 your Material UI app in minutes.
    • You'll get a nice template, authentication, database integration, subscription payments, and more.