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，它也使用程式碼分割來獲得更好的效能。

執照

• 麻省理工學院授權的封面