slim free react mui template

modèle slim-mui ·

Modèle mui moderne et propre

Slim - un modèle de tableau de bord React gratuit et open source créé à l'aide de la bibliothèque de composants Material UI React dans un objectif de flexibilité et de meilleure personnalisation.

Modèle de tableau de bord d'administration MUI Material-ui réactif, moderne et propre. Il est entièrement réactif.

Il peut être utilisé pour la plupart des types de modèles de tableaux de bord et d'applications tels que les applications d'analyse, d'administration ou de messagerie pour vos applications de bureau ou mobiles. Flexibilité et réutilisation étonnantes. Plus de 85 pages de démonstration

N'oubliez pas de le mettre en vedette (en haut à droite de cette page) si vous aimez le thème

• Prise en charge de React18.
• Interface utilisateur professionnelle.
• Composants matériels de l'interface utilisateur React.
• Entièrement réactif, tous les navigateurs modernes sont pris en charge.
• Structure de code et de dossiers facile à utiliser.
• Code flexible et performant
• Des centaines de composants MUI personnalisés.
• Pré-créez des pages et des applications utiles.
• Mode sombre et clair

Version gratuite SLIM MUI React js

• Aperçu de la version complète
• Version d'aperçu de version propre avec uniquement des composants, des styles, un thème et un exemple de page
• Télécharger depuis Github

Commencer

Cloner depuis Github

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

Pile technologique

• Interface utilisateur matérielle V5
• Réagir 18
• Construit avec l'API React Hooks
• API de contexte Redux et React pour la gestion de l'état
• React Router pour le routage de navigation
• Vite
• Fractionnement de code
• Alias
• Prise en charge des thèmes clair/sombre
• Eslint - Guide de style Airbnb
• Graphiques Apex

Problèmes

Pour signaler un bug, veuillez soumettre un problème sur Github. Nous vous répondrons dans les plus brefs délais pour résoudre le problème.

Feuille de route

Priorités

• Plus de composants !
• Plus de pages
• Meilleure personnalisation
• Une meilleure documentation
• Performance
• Taille du paquet

---

À l'avenir

• Problèmes utilisateur et assistance
• Version dactylographiée
• Suivant/CRA/Versions Remix
• Accessibilité.

Préréglages de couleurs

Nous utilisons différentes couleurs

Journal des modifications

Structure des dossiers

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

DOCUMENT

Le système de routage mince est basé sur React-Router et son package React-Router-Dom, il utilise également le fractionnement de code pour de meilleures performances.

Licence

• Couverture sous licence sous MIT