🚀 MUI X v6 is out! Discover what's new and get started now!

React Templates

Browse our collection of free React templates to get started building your app with Material UI, including a React dashboard, React admin panel, and more.

Our curated collection of Material UI templates includes dashboards, sign-in and sign-up pages, a blog, a checkout flow, and more.

The templates can be combined with one of the example projects to form a complete starter.

Sections of each layout are clearly defined either by comments or use of separate files, making it simple to extract parts of a page (such as a "hero unit", or footer, for example) for reuse in other pages. For multi-part examples, a table in the README at the linked source code location describes the purpose of each file.

Dashboard

Contains a taskbar and a mini variant drawer. The chart is courtesy of Recharts, but it's simple to substitute an alternative.

Source code

Sign-in

A simple sign-in page using text fields, buttons, checkboxes, links, and more.

Source code

Sign-in side

A simple sign-in page with a two-column layout using text fields, buttons, and more.

Source code

Sign-up

A simple sign-up page using text fields, buttons, checkboxes, links, and more.

Source code

Blog

A sophisticated blog page layout. Markdown support is courtesy of markdown-to-jsx but is easily replaced.

Source code

Checkout

A step-by-step checkout page layout. Adapt the number of steps to suit your needs, or make steps optional.

Source code

Album

A responsive album / gallery page layout with a hero unit and footer.

Source code

Pricing

Quickly build an effective pricing table for your potential customers with this page layout.

Source code

Sticky footer

Attach a footer to the bottom of the viewport when page content is short.

Source code

See any room for improvement? Please feel free to open an issue or pull request on GitHub.

Premium templates

Looking for something more? You can find complete templates and themes in the premium template section.