free react tailwind admin dashboard
1.0.0
TailAdmin ist eine kostenlose Open-Source-Administrator-Dashboard-Vorlage, die auf React und Tailwind CSS basiert und Entwicklern alles bietet, was sie zum Erstellen einer umfassenden, datengesteuerten Back-End-, Dashboard- oder Admin-Panel-Lösung für anstehende Webprojekte benötigen.
Mit TailAdmin erhalten Sie Zugriff auf alle notwendigen Komponenten, Elemente und Seiten der Dashboard-Benutzeroberfläche, die zum Erstellen eines funktionsreichen und vollständigen Dashboards oder Admin-Panels erforderlich sind. Egal, ob Sie ein Dashboard oder ein Admin-Panel für eine komplexe Webanwendung oder eine einfache Website erstellen, TailAdmin ist die perfekte Lösung, die Ihnen dabei hilft, schnell einsatzbereit zu sein.
5 einzigartige Dashboards: Analytics, E-Commerce, Marketing und CRM (weitere werden hinzugefügt)
Über 120 Dashboard-UI-Komponenten
Über 200 UI-Elemente insgesamt
Über 45 HTML-Dateien
Alle wesentlichen Elemente und Dateien
Vollständige Figma-Designquelle – wie in der Demo gezeigt
1 Einzigartiges Dashboard
Über 30 Dashboard-UI-Komponenten
Über 50 UI-Elemente insgesamt
10+ HTML-Dateien
TypeScript-Unterstützung
Grundlegende Elemente und Dateien des UI-Kits
Figma Design Source – Kostenloses Beispiel
Die auf Tailwind CSS basierende TailAdmin React-Dashboard-Vorlage ist ein vorgefertigter Ausgangspunkt für die Erstellung eines webbasierten Dashboards mithilfe der React-JavaScript-Bibliothek und des Tailwind CSS Utility-First-Frameworks. Diese Tailwind CSS + React-Dashboard-Vorlage wurde mit Tailwind CSS erstellt und enthält vorgefertigte Komponenten wie Navigationsmenüs, Diagramme, Tabellen und Formulare, die einfach angepasst und in eine kleine bis große React-Webanwendung integriert werden können .
Wenn Sie auf der Suche nach einem hochwertigen React-Tailwind-Dashboard, einer Admin-Panel-Vorlage oder einem UI-Kit sind, ist TailAdmin die perfekte Wahl für Sie!
Sie müssen Node.js >=v14.16+ (empfohlene Version) installieren (NPM wird mitgeliefert) und TailAdmin verwendet Vite für Frontend-Tools. Um die Installation durchzuführen und eine Produktionsversion zu erstellen, befolgen Sie bitte die folgenden Schritte:
Verwenden Sie das Terminal und navigieren Sie zum Stammverzeichnis des Projekts (tailadmin-react).
Führen Sie dann Folgendes aus: npm install
Führen Sie dann Folgendes aus: npm run dev
Gehen Sie nun im Browser zu localhost:5173
Für den Produktions-Build- Lauf: npm run build
Standard-Build-Ausgabeverzeichnis: /dist
Dieser Befehl generiert einen „dist as build“-Ordner im Stammverzeichnis Ihrer Vorlage, den Sie auf Ihren Server hochladen können.
React und Tailwind sind zwei beliebte Technologien, die die Welt der Webentwicklung im Sturm erobert haben. React ist eine JavaScript-Bibliothek zum Erstellen von Benutzeroberflächen, während Tailwind ein Utility-First-CSS-Framework ist, das die Gestaltung von Webanwendungen vereinfacht. TailAdmin React bietet über 200 Essential React + Tailwind CSS-UI-Komponenten, die Sie kopieren, einfügen und mit Ihren Dashboard-Projekten verwenden können. Dazu gehören Diagramme, Grafiken, Navigationsleisten, Registerkarten, Schaltflächen, Karten, Tabellen, Profile, Registerkarten, Formulare, Modalitäten, App-Seiten, Kalender, Beispielvorlagen für Web-Apps und mehr ... für React und Styled mit Tailwind CSS
Verbesserung 01: Wiederholung von DefaultLayout auf allen Seiten entfernen
Verbesserung 02: ClickOutside-Komponente hinzufügen, um wiederholte Funktionen in Header-Nachrichten, Benachrichtigungen und Benutzer-Dropdowns zu reduzieren.
Verbesserung 01: Flatpickr in [Datumsauswahl/Formularelemente] integrieren
Verbesserung 02: Farbe ändern, nachdem eine Option ausgewählt wurde [Element/Formularelemente auswählen].
Verbesserung 03: Machen Sie es funktionsfähig [Dropdown-/Formularelemente mehrfach auswählen].
Verbesserung 04: Bestes Preis-Leistungs-Verhältnis bearbeitbar machen [Preistabelle Eins/Preistabelle].
Verbesserung 05: Ordnerstruktur neu anordnen.
Fügen Sie Typescript in TailAdmin React hinzu.
Erstveröffentlichung von TailAdmin React.
