首页>编程相关>Ai源码
下载

材料仪表板反应

NextJS Material仪表板是一种免费的材料，NextJS和React Admin，其新设计灵感来自Google的材料设计。我们很高兴通过易于使用和精美的组件介绍我们对物质概念的看法。 NextJS材料仪表板是在流行的材料UI，NextJ和React框架上建造的。

NextJS材料仪表板利用光，表面和运动。一般布局类似于遵循多个不同层的纸张，因此深度和顺序是显而易见的。导航主要停留在左侧栏上，内容在主面板内部的右侧。

NextJS Material仪表板配有5个颜色过滤器选择，可为侧边栏和卡标头（蓝色，绿色，橙色，红色和紫色），以及在侧边栏上具有背景图像的选项。

NextJS Material Dashboard是使用NextJS创建的，它使用了由我们的朋友Olivier -Miterate -UI建造的框架，他做了出色的工作，为材料效果，动画，涟漪和过渡创造了骨干。非常感谢他的团队所做的努力和前进的想法。

我们很高兴与您分享此仪表板，我们期待听到您的反馈！

它是开源的，可以在此处找到GitHub repo。

特别感谢：

  • NEPCHA分析工具。 Nepcha已经与Next.js材料仪表板集成在一起。您可以使用它来了解您的流量来源。

目录

  • 版本
  • 演示
  • 快速开始
  • 文档
  • 文件结构
  • 浏览器支持
  • 资源
  • 套件版本
  • 专业版
  • 专业套件版本
  • 报告问题
  • 技术支持或问题
  • 许可
  • 有用的链接

版本

nextjs nodejs拉拉维尔Vue＆Laravel Vuetify
html黑暗html反应Vue角

演示

  • 开始页面
  • 用户个人资料页面
  • 表页
  • 地图页面
  • 通知页

查看更多。

快速开始

快速启动选项：

  • npm i nextjs-material-dashboard
  • 克隆回购： git clone https://github.com/creativetimofficial/nextjs-material-dashboard.git 。
  • 从Github下载。
  • 从Creative Tim下载。

文档

材料仪表板React的文档在我们的网站上托管。

文件结构

在下载中，您会找到以下目录和文件： 

 nextjs-material-dashboard
.
├── CHANGELOG.md
├── ISSUE_TEMPLATE.md
├── LICENSE.md
├── README.md
├── assets
│   ├── css
│   │   └── nextjs-material-dashboard.css
│   ├── github
│   │   ├── md-react.gif
│   │   └── react.svg
│   ├── img
│   │   └── faces
│   └── jss
│       ├── nextjs-material-dashboard
│       │   ├── cardImagesStyles.js
│       │   ├── checkboxAdnRadioStyle.js
│       │   ├── components
│       │   │   ├── buttonStyle.js
│       │   │   ├── cardAvatarStyle.js
│       │   │   ├── cardBodyStyle.js
│       │   │   ├── cardFooterStyle.js
│       │   │   ├── cardHeaderStyle.js
│       │   │   ├── cardIconStyle.js
│       │   │   ├── cardStyle.js
│       │   │   ├── customInputStyle.js
│       │   │   ├── customTabsStyle.js
│       │   │   ├── footerStyle.js
│       │   │   ├── headerLinksStyle.js
│       │   │   ├── headerStyle.js
│       │   │   ├── rtlHeaderLinksStyle.js
│       │   │   ├── sidebarStyle.js
│       │   │   ├── snackbarContentStyle.js
│       │   │   ├── tableStyle.js
│       │   │   ├── tasksStyle.js
│       │   │   └── typographyStyle.js
│       │   ├── dropdownStyle.js
│       │   ├── layouts
│       │   │   ├── adminStyle.js
│       │   │   └── rtlStyle.js
│       │   ├── tooltipStyle.js
│       │   └── views
│       │       ├── dashboardStyle.js
│       │       ├── iconsStyle.js
│       │       └── rtlStyle.js
│       └── nextjs-material-dashboard.js
├── components
│   ├── Card
│   │   ├── Card.js
│   │   ├── CardAvatar.js
│   │   ├── CardBody.js
│   │   ├── CardFooter.js
│   │   ├── CardHeader.js
│   │   └── CardIcon.js
│   ├── CustomButtons
│   │   └── Button.js
│   ├── CustomInput
│   │   └── CustomInput.js
│   ├── CustomTabs
│   │   └── CustomTabs.js
│   ├── FixedPlugin
│   │   └── FixedPlugin.js
│   ├── Footer
│   │   └── Footer.js
│   ├── Grid
│   │   ├── GridContainer.js
│   │   └── GridItem.js
│   ├── Navbars
│   │   ├── AdminNavbarLinks.js
│   │   ├── Navbar.js
│   │   └── RTLNavbarLinks.js
│   ├── PageChange
│   │   └── PageChange.js
│   ├── Sidebar
│   │   └── Sidebar.js
│   ├── Snackbar
│   │   ├── Snackbar.js
│   │   └── SnackbarContent.js
│   ├── Table
│   │   └── Table.js
│   ├── Tasks
│   │   └── Tasks.js
│   └── Typography
│       ├── Danger.js
│       ├── Info.js
│       ├── Muted.js
│       ├── Primary.js
│       ├── Quote.js
│       ├── Success.js
│       └── Warning.js
├── documentation
│   ├── assets
│   │   ├── css
│   │   │   ├── bootstrap.min.css
│   │   │   ├── demo-documentation.css
│   │   │   └── material-dashboard.css
│   │   ├── img
│   │   │   └── faces
│   │   └── js
│   │       ├── bootstrap.min.js
│   │       └── jquery-3.2.1.min.js
│   └── tutorial-components.html
├── layouts
│   ├── Admin.js
│   └── RTL.js
├── next.config.js
├── package.json
├── pages
│   ├── _app.js
│   ├── _document.js
│   ├── _error.js
│   ├── admin
│   │   ├── dashboard.js
│   │   ├── icons.js
│   │   ├── maps.js
│   │   ├── notifications.js
│   │   ├── table-list.js
│   │   ├── typography.js
│   │   ├── upgrade-to-pro.js
│   │   └── user-profile.js
│   ├── index.js
│   └── rtl
│       └── rtl-page.js
├── routes.js
└── variables
    ├── charts.js
    └── general.js

浏览器支持

目前，我们正式旨在支持以下浏览器的最后两个版本：

资源

  • 演示：https：//demos.creative-tim.com/nextjs-material-dashboard
  • 下载页面：https：//www.creative-tim.com/product/nextjs-material-dashboard
  • 文档：https：//www.creative-tim.com/learning-lab/nextjs/overview/material-dashboard
  • 许可协议：https：//www.creative-tim.com/license
  • 支持：https：//www.creative-tim.com/contact-us
  • 问题：github问题页面
  • NEPCHA Analytics-网站的分析工具

套件版本

nextjs反应天然Vue鬼
html反应

专业版

nextjs拉拉维尔Vue＆Laravel Vuetify
html反应Vue角

专业套件版本

nextjs反应天然Vue拉拉维尔
html反应

报告问题

我们使用GitHub问题作为材料仪表板的官方错误跟踪器。以下是我们的用户想要报告一个问题的一些建议：

  1. 确保您使用的是最新版本的材料仪表板React。从我们网站上的仪表板中检查更改器。
  2. 提供问题的可重现步骤将缩短修复它所需的时间。
  3. 某些问题可能是特定于浏览器的，因此在遇到的浏览器中指定问题可能会有所帮助。

技术支持或问题

如果您有疑问或需要帮助集成产品，请与我们联系，而不是开头。

许可

  • 版权2021创意蒂姆（https://www.creative-tim.com）
  • 根据MIT（https://github.com/creativetimofficial/nextjs-material-dashboard/blob/master/master/license.md）获得许可

有用的链接

来自Creative Tim的更多产品：https：//www.creative-tim.com/products

教程：https：//www.youtube.com/channel/ucvytg4scw-rovb9ohkzzd1w

免费赠品：https：//www.creative-tim.com/products

会员计划（赚钱）：https：//www.creative-tim.com/affiliates/new

社交媒体：

Twitter：https：//twitter.com/creativetim

Facebook：https：//www.facebook.com/creativetim

Dribbble：https：//dribbble.com/creativetim

Google+：https：//plus.google.com/+ creativetimpage

Instagram：https：//instagram.com/creativetimofficial

展开
附加信息
相关应用
为您推荐
相关资讯 全部