Rückenwind-UI-Komponenten

Kostenlose Tailwind CSS-UI-Komponenten und -Blöcke von TailGrids

TailGrids ist eine moderne Tailwind-CSS-UI-Bibliothek mit über 600 hochwertigen Tailwind-CSS-UI-Komponenten und -Blöcken, die perfekt für moderne Websites, Landingpages, Webanwendungen, Dashboards, E-Commerce und mehr entwickelt wurde. Diese Bibliothek enthält alle wesentlichen UI-Komponenten und -Elemente, die Sie von einer erstklassigen UI-Bibliothek erwarten würden. Sie gewährleistet ein einheitliches Design und benutzerfreundliche Beispielvorlagen sowie Komponenten zum Kopieren und Einfügen für HTML, React und Vue.

Hauptmerkmale:

• Komplette UI-Bibliothek: TailGrids verfügt über eine beeindruckende Auswahl von über 600 Tailwind CSS-UI-Komponenten und -Blöcken.
• Multi-Framework-Unterstützung: TailGrids unterstützt mehrere Frameworks – HTML, React und Vue und deckt damit ein breites Spektrum an Entwicklungsanforderungen ab.
• Premium-Qualität: Unsere Komponenten sind mit einer einheitlichen, modernen Ästhetik gestaltet und gewährleisten eine hochwertige visuelle Qualität.
• Benutzerfreundlich: Mit einer einfachen Copy-Paste-Funktion beschleunigt TailGrids den Entwicklungsprozess und spart Ihnen Zeit und Mühe.
• Anpassbar: TailGrids eignet sich ideal für eine Vielzahl von Anwendungen, darunter moderne Websites, Landingpages, Web-Apps, Dashboards, E-Commerce-Plattformen und mehr.
• Zugängliche Open-Source-Version: Unsere kostenlose Version bietet Ihnen Zugriff auf über 200 UI-Komponenten sowie alle Kernkomponenten.
• Beispielvorlagen: 14 vielseitige und einzigartige Beispielvorlagen, verfügbar in HTML und React.

Die kostenlose Open-Source-Version von TailGrids bietet über 200 UI-Komponenten sowie alle Kernkomponenten und ist damit eine wertvolle Ressource sowohl für persönliche als auch kommerzielle Projekte. Fühlen Sie sich frei, es zu verwenden, und vergessen Sie nicht, unser Team zu unterstützen und zu inspirieren, indem Sie dieses Repository markieren.

Entdecken Sie alle Komponenten

? Besuchen Sie die Website

? Dokumentation

Installation über NPM

Stellen Sie sicher, dass Sie Node.js und Tailwind CSS vor dem TailGrids NPM-Paket installiert haben. Hier ist eine Kurzanleitung für den Einstieg in Tailgrids:

1. Installieren Sie das TailGrids NPM-Paket:

npm i tailgrids

2. Fügen Sie das TailGrids-Plugin zu Ihrer tailwind.config.js -Datei hinzu:

 module . exports = {
  // Your existing Tailwind CSS configuration goes here

  plugins : [ require ( "tailgrids/plugin" ) ] ,
} ;

3. Durchsuchen Sie die Komponenten und kopieren Sie einfach diejenigen, die Ihnen gefallen, und fügen Sie sie in Ihre Projekte ein.

Und das ist es! Sie sind bereit, TailGrids in Ihrem Projekt zu verwenden. Viel Spaß beim Codieren!

⚡ Holen Sie sich die PRO-Version

? Detaillierte Dokumentation und Nutzungsanleitung

TailAdmin-Reaktion

TailAdmin Vue

?️ TailGrids Figma

? Unterstützung

Sie können dieses Projekt jederzeit unterstützen und uns durch die Hauptrolle inspirieren? Dieses Repository und das Teilen mit Freunden. Wenn Ihnen die Bibliothek gefällt, sollten Sie den Kauf der Pro-Version in Betracht ziehen

Änderungsprotokoll

Version 2.2.1

(August 2024)

• Timepicker hinzugefügt
• Datepicker hinzugefügt.

Version 2.2.0

(Mai 2024)

• Über 80 neue Komponenten hinzugefügt.
• Der grundlegende Styleguide wurde aktualisiert.
• Die Dateistruktur wurde überarbeitet.
• Das Plugin wurde verbessert, um Abhängigkeiten zu reduzieren.
• Die CSS-Version von Tailwind wurde zusammen mit anderen Abhängigkeiten aktualisiert.

Version 2.1.0

(Oktober 2023)

• Einführung des Dunkelmodus.
• Vorhandene Komponenten poliert.
• Ein paar Kernkomponenten integriert.
• Aktualisierte abhängige Pakete.

Version 2.0.0

(Februar 2023)

• Mit dieser Hauptversion wurden unsere Komponenten verdoppelt, der Dunkelmodus eingeführt und unsere Komponenten und Beispielvorlagen erweitert.
• Über 500 Tailwind-UI-Komponenten (über 200 neu hinzugefügt)
• 12 Vorlagen (8 neu hinzugefügt)
• Dunkler Modus für alle Komponenten
• Aktualisierte Figma-Datei mit neuen UI-Komponenten
• 2 E-Commerce-Vorlagen
• 90+ Fortgeschritten | Kern-, Marketing- und App-UI-Komponenten
• Über 50 Dashboard-UI-Komponenten
• Über 100 E-Commerce-Komponenten

Version 1.1.0

(März 2022)

Wir haben uns darauf konzentriert, Ihr Designerlebnis durch die Figma-Integration und neue Vorlagen zu verbessern.

• 2 neue Vorlagen
• Figma-Quelle für UI-Komponenten
• Responsive Schaltflächen / Ansichtsfenster
• Spezielle Vorlagengalerie

Erstveröffentlichung

(Februar 2022)

Die Reise begann! Wir haben TailGrids mit einer starken Grundlage aus Komponenten und Vorlagen gestartet.

• Anfänglich über 300 UI-Komponenten
• Zwei Beispielvorlagen
• NPM-Paket für Open-Source-Version

? Lizenz

Die TailGrids-Core-Version ist 100 % kostenlos! und Open Source können Sie es für Ihre persönlichen oder kommerziellen Projekte verwenden.

UI-Komponenten