005cf56baf
Some checks failed
No response / noResponse (push) Has been cancelled
CI / Continuous releases (push) Has been cancelled
CI / test-dev (macos-latest) (push) Has been cancelled
CI / test-dev (ubuntu-latest) (push) Has been cancelled
CI / test-dev (windows-latest) (push) Has been cancelled
Maintenance / main (push) Has been cancelled
Scorecards supply-chain security / Scorecards analysis (push) Has been cancelled
CodeQL / Analyze (push) Has been cancelled
40 lines
2.1 KiB
Markdown
40 lines
2.1 KiB
Markdown
---
|
||
productId: material-ui
|
||
title: New Free React Templates
|
||
---
|
||
|
||
# React templates
|
||
|
||
<p class="description">Browse our collection of free React templates to get started building your app with Material UI, including a React dashboard, React marketing page, and more.</p>
|
||
|
||
## Free templates
|
||
|
||
Our curated collection of free Material UI templates includes a dashboard, a marketing page, a checkout flow, sign-in and sign-up pages, and a blog.
|
||
You can download each one directly from the source code or via CodeSandbox or StackBlitz.
|
||
|
||
All templates feature a custom theme and a default Material Design 2 theme, with light and dark modes for both.
|
||
You can toggle through each of these style options in the top right corner of the live previews.
|
||
|
||
Sections of each layout are defined either by comments or use of separate files, so you can extract parts of a page (such as a hero unit or a footer) for reuse in other pages.
|
||
These templates can be combined with one of the [example projects](/material-ui/getting-started/example-projects/) to form a complete starter app.
|
||
|
||
:::info
|
||
If you see any room for improvement, please feel free to open an [issue](https://github.com/mui/material-ui/issues/new/choose) or a [pull request](https://github.com/mui/material-ui/pulls) on GitHub.
|
||
:::
|
||
|
||
{{"component": "modules/components/MaterialFreeTemplatesCollection.js"}}
|
||
|
||
## Premium templates
|
||
|
||
Looking for something more?
|
||
You can find complete templates and themes like those shown below in the <a href="https://mui.com/store/?utm_source=docs&utm_medium=referral&utm_campaign=templates-store">premium template section</a> of the MUI Store.
|
||
|
||
<a href="https://mui.com/store/?utm_source=docs&utm_medium=referral&utm_campaign=templates-store">
|
||
<span class="only-light-mode">
|
||
<img src="/static/images/themes-display-light.png" alt="The MUI Store includes several carefully curated React templates using Material UI" width="2280" height="1200" style="display: block;" />
|
||
</span>
|
||
<span class="only-dark-mode">
|
||
<img src="/static/images/themes-display-dark.png" alt="The MUI Store includes several carefully curated React templates using Material UI" width="2280" height="1200" style="display: block;" />
|
||
</span>
|
||
</a>
|