slim free react mui template

slim-mui 模板 ·

现代干净的 mui 模板

Slim - 一个免费开源的 React 仪表板模板，使用 Material UI React 组件库制作，具有灵活性和更好的可定制性。

现代和干净的响应式 MUI Material-ui 管理仪表板模板。它是完全响应式的。

它可用于大多数类型的仪表板和应用程序模板，例如桌面或移动应用程序的分析、管理或消息应用程序。惊人的灵活性和可重用性。 85+演示页面

如果您喜欢该主题，请不要忘记加注星标（本页右上角）

• 支持React18。
• 专业的用户界面。
• Material UI React 组件。
• 完全响应式，支持所有现代浏览器。
• 易于使用的代码和文件夹结构。
• 灵活且高性能的代码
• 数百个定制的 MUI 组件。
• 预先构建有用的页面和应用程序。
• 深色和浅色模式

免费 SLIM MUI React js 版本

• 完整版本预览
• 干净版本预览版本仅包含组件、样式、主题和示例页面
• 从Github下载

入门

从 Github 克隆

 git clone https://github.com/Tono2007/slim-free-react-mui-template.git

技术栈

• 材质UI V5
• 反应18
• 使用 React Hooks API 构建
• 用于状态管理的 Redux 和 React 上下文 API
• 用于导航路由的 React Router
• 维特
• 代码分割
• 别名
• 浅色/深色主题支持
• Eslint - 爱彼迎风格指南
• Apex图表

问题

要报告错误，请在 Github 上提交问题。我们将尽快回复以解决问题。

路线图

优先事项

• 更多组件！
• 更多页面
• 更好的定制
• 更好的文档
• 表现
• 捆绑尺寸

---

未来

• 用户问题和支持
• 打字稿版本
• Next/CRA/Remix 版本
• 可访问性。

颜色预设

我们使用不同的颜色

变更日志

文件夹结构

├── package.json           - > Package json file.
├── public
├── README.md
├── src
│   ├── _mocks             - > Mock Json data to be used for working apps
│   ├── assets
│   │   ├── images
│   │   ├── css            - > Template css files
│   │   │   ├── style.css  - > Application main css file
│   ├── components
│   │   │── layouts
│   │   │   ├── LandingLayout  - > Layout for landing components & routers
│   │   │   ├── MainLayout     - > Layout for main components & routers
│   │   │   ├── MinimalLayout  - > Layout for mimimal components & routers
│   │   ├── loader
│   │   ├── modal
│   │── pages              - > View files for all pages
│   ├── contexts/redux     - > State management
│   ├── utils
│   │   ├── helpers        - > helpers utilities
│   │   ├── hocs           - > Custom hocs
│   │   ├── hooks          - > Custom hooks
│   │   ├── routes         - > router
│   │   ├── theme          - > custom theme provider
│   │   ├── constants      - > general app constants
│   ├──App.js              - > starting point of application
├── vite.config.js         - > Template constant value and live customization
├── index.html

文档

Slim路由系统基于react-router及其包react-router-dom，它还使用代码分割来获得更好的性能。

执照

• 麻省理工学院许可的封面