跳转到内容

🎉 Material UI v5 is out! Head to the migration guide to get started.

React 模板

你可以通过一系列的免费 React 模板开始建造你的程序。这个集合包含了 react dashboard, react admin,当然还有更多。

这个模板可以与任何一个示例应用程序组合,来构造一个完整的启动程序。

通过注释或使用单独的文件,我们明确地定义了布局的每个部分,这样一来提取页面的某些部分(例如 “hero unit” 或页脚)而在其他页面中复用变得很简单。 对于包含多个部分的示例,源代码链接的 README 的一个表格则描述了每个文件的用途。

管理面板

这是一个含有任务栏和迷你变体抽屉的最小化管理面板。这个图表由 Recharts 提供,但是很容易替换成其他的。

登录

这是一个简单的登录页面。

侧边页登录

一个简单的侧边登录页面。

注册

一个简单的注册页面。

博客

这是一个精致的博客页面布局。这个 Markdown 由 markdown-to-jsx 提供支持,但是这也不难替换。

支付

这是一个逐步建立的支付页面布局。您可以根据具体需求来调整步骤,或者只采用部分步骤。

相册

这是一个包含了 hero 的单元和页脚的响应式相册 / 展览页面布局。

定价

使用此页面布局,您可以快速的为潜在客户创建一个高效的价格表。

Sticky footer

当页面内容比较简短的时候,在可视区域的底端附加上一个页脚。

使用这些示例时,若你有改善开发人员的体验的更改或增强意见,或者你也想贡献一下其他的示例,你可以在 GitHub 上创建一个 pull request

目前为止,我们提供了关于主控面板(dashboard),登录页面(sign in page),注册页面(sign up page),博客(blog page),付款流程(checkout flow),专辑页面(album page),价格页面(pricing page)以及固定页脚(sticky footer page)的演示。

高级版主题

你还在寻找更多主题吗? 你可以在 高级模板区域找到完整的模板和主题列表。

react templates