material tailwind dashboard react

Material Rückenwind Dashboard Reagieren

Material Tailwind Dashboard React ist unsere neueste kostenlose Material Tailwind Admin-Vorlage basierend auf Tailwind CSS und React. Wenn Sie als Entwickler ein Admin-Dashboard erstellen möchten, das entwicklerfreundlich, funktionsreich und hochgradig anpassbar ist, sind Sie hier genau richtig. Unser innovatives Material Tailwind-, Tailwind CSS- und React-Dashboard verfügt über ein wunderschönes Design, das vom Material Design von Google inspiriert ist, und hilft Ihnen dabei, atemberaubende Websites und Web-Apps zu erstellen, um Ihre Kunden zu begeistern.

Vollständig codierte Elemente

Material Tailwind Dashboard React besteht aus über 40 Frontend-Einzelelementen, die von @material-tailwind/react stammen, wie Schaltflächen, Eingaben, Navigationsleisten, Navigationsregisterkarten, Karten oder Warnungen, sodass Sie die Freiheit haben, auszuwählen und zu kombinieren. Alle Komponenten können Farbvariationen annehmen, die Sie mithilfe von Requisiten und Rückenwind-CSS-Klassennamen leicht ändern können. Sie sparen viel Zeit vom Prototyping bis zum voll funktionsfähigen Code, da alle Elemente implementiert sind.

Dieses kostenlose Material Tailwind, Tailwind CSS & React Dashboard verfügt über vorgefertigte Designblöcke, sodass der Entwicklungsprozess nahtlos verläuft und der Wechsel von unseren Seiten zur echten Website sehr einfach ist.

Sehen Sie sich hier alle Komponenten an.

Von Entwicklern erstellte Dokumentation

Jedes Element wird in einer sehr komplexen Dokumentation gut dargestellt.

Weitere Informationen zur Dokumentation finden Sie hier.

Beispielseiten

Wenn Sie sich inspirieren lassen oder Ihren Kunden einfach etwas direkt zeigen möchten, können Sie Ihre Entwicklung mit unseren vorgefertigten Beispielseiten ankurbeln. Sie können schnell die Grundstruktur für Ihr Webprojekt einrichten.

Beispielseiten finden Sie hier.

HILFREICHE LINKS

• Github-Repository anzeigen
• Überprüfen Sie die FAQ-Seite

Besonderer Dank

Bei der Entwicklung dieses Dashboards haben wir viele vorhandene Ressourcen von großartigen Entwicklern genutzt. Wir möchten ihnen dafür danken, dass sie ihre Tools Open Source zur Verfügung gestellt haben:

• Material Tailwind – Material Tailwind ist eine benutzerfreundliche Komponentenbibliothek für Tailwind CSS und Material Design.
• Heldensymbole – Wunderschöne handgefertigte SVG-Symbole.
• Apex Charts – Moderne und interaktive Open-Source-Diagramme.
• Nepcha Analytics für das Analysetool. Nepcha ist bereits in Material Tailwind Dashboard React integriert. Sie können damit Einblicke in Ihre Traffic-Quellen gewinnen.

Teilen Sie uns unten Ihre Gedanken mit. Und viel Glück bei der Entwicklung!

Inhaltsverzeichnis

• Versionen
• Demo
• Schnellstart
• Einsetzen
• Dokumentation
• Dateistruktur
• Browser-Unterstützung
• Ressourcen
• Probleme melden
• Technischer Support oder Fragen
• Lizenzierung
• Nützliche Links

Versionen

Terminalbefehle

1. Laden Sie die LTS-Version von NodeJs von der offiziellen Seite von NodeJs herunter und installieren Sie sie.
2. Navigieren Sie zum Stammverzeichnis ./ des Produkts und führen Sie npm install oder yarn install oder pnpm install aus, um unsere lokalen Abhängigkeiten zu installieren.

Dokumentation

Die Dokumentation für das Material Tailwind Dashboard React wird auf unserer Website gehostet.

Was ist enthalten

Im Download finden Sie die folgenden Verzeichnisse und Dateien:

 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

Browser-Unterstützung

Derzeit streben wir offiziell die Unterstützung der letzten beiden Versionen der folgenden Browser an:

Ressourcen

• Live-Vorschau
• Seite herunterladen
• Die Dokumentation finden Sie hier
• Lizenzvereinbarung
• Unterstützung
• Probleme: Github-Problemseite
• Nepcha Analytics – Analysetool für Ihre Website

Probleme melden

Wir verwenden GitHub Issues als offiziellen Bugtracker für das Material Tailwind Dashboard React. Hier sind einige Ratschläge für unsere Benutzer, die ein Problem melden möchten:

1. Stellen Sie sicher, dass Sie die neueste Version des Material Tailwind Dashboard React verwenden. Überprüfen Sie das CHANGELOG in Ihrem Dashboard auf unserer Website.
2. Wenn Sie uns reproduzierbare Schritte für das Problem bereitstellen, verkürzt sich die Zeit, die für die Behebung des Problems benötigt wird.
3. Einige Probleme können browserspezifisch sein. Daher kann es hilfreich sein, anzugeben, in welchem ​​Browser das Problem aufgetreten ist.

Technischer Support oder Fragen

Wenn Sie Fragen haben oder Hilfe bei der Integration des Produkts benötigen, kontaktieren Sie uns bitte, anstatt ein Problem zu eröffnen.

Lizenzierung

• Copyright 2023 Creative Tim
• Creative Tim-Lizenz

Nützliche Links

• Weitere Produkte von Creative Tim

• Tutorials

• Gratisartikel von Creative Tim

• Partnerprogramm (Geld verdienen)

Soziale Medien

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