tailgrids vue

Vue.js UI -Komponenten für Rückenwind -CSS - Tailgrids VUE

Willkommen bei der Vue.js -Version von Tailgrids. Tailgrids Vue.js Free Core-Version bietet eine breite Palette von hochwertigen VUE.JS-UI-Komponenten und -blöcken, die sich perfekt zum Erstellen moderner Websites, Zielseiten und Web-Apps unter Verwendung der Leistung von Tailwind CSS und VUE.JS. Mit seinem konsequenten Design und seiner umfassenden Sammlung wesentlicher UI -Elemente bietet Tailgrids Vue alles, was Sie benötigen, um atemberaubende Benutzeroberflächen in Ihren Vue.js -Projekten zu erstellen.

Tailgrids Vue verfügt über alle erforderlichen Integrationsfunktionen für die nahtlose Verwendung dieser Komponenten in Ihrer VUE.JS -Anwendung. Unabhängig davon, ob Sie einseitige Anwendungen, progressive Web-Apps oder serverseitige Apps mit Vue.js entwickeln, verwenden Sie Tailgrids Vue für Ihre persönlichen oder kommerziellen Projekte.

Erste Schritte

Befolgen Sie diese Schritte, um es in Ihrem VUE.JS -Projekt ordnungsgemäß einzurichten, um die Verwendung von Tailgrids Vue zu verwenden.

1. Installieren Sie Tailgrids, indem Sie den folgenden Befehl ausführen:

npm install tailgrids

2. Fügen Sie Ihre tailwind.config.js -Datei zu Tailgrids hinzu:

 module . exports = {
  content : [ "./*.html" , "./ecommerce/*.html" , "./assets/**/*.js" ] ,
  theme : { } ,
  variants : {
    extend : { } ,
  } ,
  plugins : [ require ( "tailgrids/plugin" ) ] ,
} ;

3. Durchsuchen Sie die verfügbaren Komponenten und wählen Sie die gewünschten Vue -Codebasis -Snippets, die Sie in Ihren Projekten verwenden möchten. Einfach kopieren und einfügen!

4. Um die Änderungen lokal anzuzeigen, führen Sie den Entwicklungsserver mit diesem Befehl aus:

npm run dev

Erforschen Sie alle Komponenten

? Besuchen Sie die Website

? Dokumentation

? Lizenz

Tailgrids Vue Core ist 100% kostenlos! Und Open-Source können Sie es mit Ihren persönlichen oder kommerziellen Projekten verwenden.