material tailwind dashboard react

Réagir au tableau de bord Material Tailwind

Material Tailwind Dashboard React est notre tout nouveau modèle d'administration Material Tailwind gratuit basé sur Tailwind CSS et React. Si vous êtes un développeur cherchant à créer un tableau de bord d'administration convivial, riche en fonctionnalités et hautement personnalisable, voici ce qu'il vous faut. Notre tableau de bord innovant Material Tailwind, Tailwind CSS et React est doté d'un magnifique design inspiré du Material Design de Google et il vous aidera à créer de superbes sites Web et applications Web pour ravir vos clients.

Éléments entièrement codés

Material Tailwind Dashboard React est construit avec plus de 40 éléments frontaux individuels provenant de @material-tailwind/react, comme des boutons, des entrées, des barres de navigation, des onglets de navigation, des cartes ou des alertes, vous donnant la liberté de choisir et de combiner. Tous les composants peuvent prendre des variations de couleur, que vous pouvez facilement modifier à l'aide d'accessoires et de noms de classe CSS Tailwind. Vous gagnerez beaucoup de temps en passant du prototypage au code entièrement fonctionnel car tous les éléments sont implémentés.

Ce tableau de bord gratuit Material Tailwind, Tailwind CSS et React est livré avec des blocs de conception prédéfinis, de sorte que le processus de développement est transparent, le passage de nos pages au vrai site Web est très facile à effectuer.

Consultez tous les composants ici.

Documentation construite par les développeurs

Chaque élément est bien présenté dans une documentation très complexe.

Vous pouvez en savoir plus sur la documentation ici.

Exemples de pages

Si vous souhaitez vous inspirer ou simplement montrer quelque chose directement à vos clients, vous pouvez démarrer votre développement avec nos pages d'exemples prédéfinies. Vous pourrez mettre en place rapidement la structure de base de votre projet web.

Consultez des exemples de pages ici.

LIENS UTILES

• Afficher le référentiel Github
• Consultez la page FAQ

Remerciements particuliers

Lors du développement de ce tableau de bord, nous avons utilisé de nombreuses ressources existantes provenant de développeurs formidables. Nous tenons à les remercier de fournir leurs outils open source :

• Material Tailwind - Material Tailwind est une bibliothèque de composants facile à utiliser pour Tailwind CSS et Material Design.
• Icônes de héros - De belles icônes SVG fabriquées à la main.
• Graphiques Apex - Graphiques open source modernes et interactifs.
• Nepcha Analytics pour l'outil d'analyse. Nepcha est déjà intégré à Material Tailwind Dashboard React. Vous pouvez l'utiliser pour obtenir des informations sur vos sources de trafic.

Faites-nous part de vos réflexions ci-dessous. Et bonne chance pour le développement !

Table des matières

• Versions
• Démo
• Démarrage rapide
• Déployer
• Documentation
• Structure du fichier
• Prise en charge du navigateur
• Ressources
• Problèmes de signalement
• Assistance technique ou questions
• Licence
• Liens utiles

Versions

Commandes du terminal

1. Téléchargez et installez la version NodeJs LTS à partir de la page officielle de NodeJs.
2. Accédez au répertoire racine ./ du produit et exécutez npm install ou yarn install ou pnpm install pour installer nos dépendances locales.

Documentation

La documentation de Material Tailwind Dashboard React est hébergée sur notre site Web.

Ce qui est inclus

Dans le téléchargement, vous trouverez les répertoires et fichiers suivants :

 material-tailwind-dashboard-react
    ├── public
    │   ├── css
    │   └── img
    ├── src
    │   ├── configs
    │   ├── context
    │   ├── data
    │   ├── layouts
    │   ├── pages
    │   ├── widgets
    │   ├── App.jsx
    │   ├── main.jsx
    │   └── routes.jsx
    ├── .gitignore
    ├── CHANGELOG.md
    ├── index.html
    ├── ISSUE_TEMPLATE.md
    ├── jsconfig.json
    ├── LICENSE
    ├── package.json
    ├── postcsss.config.cjs
    ├── prettier.config.cjs
    ├── README.md
    ├── tailwind.config.cjs
    └── vite.config.js

Prise en charge du navigateur

À l'heure actuelle, notre objectif est officiellement de prendre en charge les deux dernières versions des navigateurs suivants :

Ressources

• Aperçu en direct
• Page de téléchargement
• La documentation est ici
• Contrat de licence
• Soutien
• Problèmes : page des problèmes Github
• Nepcha Analytics - Outil d'analyse pour votre site Web

Problèmes de signalement

Nous utilisons GitHub Issues comme outil de suivi des bogues officiel pour Material Tailwind Dashboard React. Voici quelques conseils pour nos utilisateurs qui souhaitent signaler un problème :

1. Assurez-vous que vous utilisez la dernière version de Material Tailwind Dashboard React. Consultez le CHANGELOG depuis votre tableau de bord sur notre site Web.
2. En nous fournissant des étapes reproductibles pour résoudre le problème, nous réduirons le temps nécessaire à sa résolution.
3. Certains problèmes peuvent être spécifiques au navigateur, il peut donc être utile de préciser dans quel navigateur vous avez rencontré le problème.

Assistance technique ou questions

Si vous avez des questions ou avez besoin d'aide pour intégrer le produit, veuillez nous contacter au lieu d'ouvrir un problème.

Licence

• Copyright 2023 Tim Créatif
• Licence Creative Tim

Liens utiles

• Plus de produits de Creative Tim

• Tutoriels

• Cadeaux de Creative Tim

• Programme d'affiliation (gagnez de l'argent)

Réseaux sociaux

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