spithacode / slim-free-react-mui-template

🚀⚡️Modern and clean react mui Template for easing and faster web development.💻

slim-mui-template ·

Modern and clean mui Template

Slim - a free and open source React dashboard template made using Material UI React component library with aim of flexibility and better customizability.

Modern & Clean Responsive MUI Material-ui Admin Dashboard Template. It is fully responsive.

It can be used for most type of dashboard and app templates like analytics, admin or messenger app for your desktop or mobile applications. Amazing flexibility and reusability. 85+ Demo pages

⭐ ⭐ ⭐ Do not forget to star (Top right of this page) it if you like the theme ⭐ ⭐ ⭐

• Support React18.
• Professional user interface.
• Material UI React components.
• Fully responsive, all modern browser supported.
• Easy to use code & folder structure.
• Flexible & high-Performance code
• Hundreds of customized MUI components.
• Pre-build useful pages & Apps.
• Dark & light mode

Free SLIM MUI React js version

• Complete Version Preview
• Clean Version Preview Version with only components, styles, theme and sample page
• Download from Github

Getting Started

Clone from Github

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

Technology Stack

• Material UI V5
• React 18
• Built with React Hooks API
• Redux & React Context API for State Management
• React Router for Navigation Routing
• Vite
• Code Splitting
• Aliases
• Light/Dark theme support
• Eslint - airbnb style guide
• ApexCharts

Issues

To report a bug, please submit an issue on Github. We will respond as soon as possible to resolve the issue.

Roadmap

Priorities

• More components!
• More Pages
• Better customization
• Better documentation
• Performance
• Bundle size

---

In future

• User issues & support
• Typescript version
• Next/CRA/Remix versions
• Accessibility.

Color Presets

We use different colors

Changelog

Folder Structure

├── 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

DOC

Slim routing system is based on react-router and its package react-router-dom, it's also using code splitting for better performance.

License

• Licensed cover under MIT