tailgrids vue

vue.js tailwind css用のUIコンポーネント-TailGrids Vue

TailGridsのVue.jsバージョンへようこそ。 TailGrids Vue.JS無料コアバージョンは、Tailwind CSSとVue.jsのパワーを使用して、最新のWebサイト、ランディングページ、およびWebアプリを構築するのに最適な、高品質のvue.js UIコンポーネントとブロックを提供します。一貫したデザインと必須のUI要素の広範なコレクションにより、Tailgrids Vueは、Vue.jsプロジェクトで見事なユーザーインターフェイスを作成するために必要なすべてを提供します。

TailGrids Vueには、Vue.jsアプリケーション内のこれらのコンポーネントをシームレスに使用するために必要なすべての統合機能が付属しています。シングルページアプリケーション、プログレッシブWebアプリ、またはvue.jsを使用してサーバー側のレンダリングアプリを開発している場合でも、個人または商業プロジェクトにTailgrids Vueを自由に使用してください。

はじめる

Tailgrids Vueの使用を開始するには、次の手順に従ってVue.jsプロジェクトで適切にセットアップします。

1. 次のコマンドを実行してテールグリッドをインストールします。

npm install tailgrids

2. tailwind.config.jsファイルにtailgridsを追加します。

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

3. 利用可能なコンポーネントを参照して、プロジェクトで使用する目的のVUEコードベーススニペットを選択します。それらをコピーして貼り付けるだけです！

4. ローカルで変更を表示するには、このコマンドで開発サーバーを実行します。

npm run dev

すべてのコンポーネントを探索します

？ウェブサイトにアクセスしてください

？ドキュメント

？ライセンス

Tailgrids Vue Coreは100％無料です！オープンソースは、個人または商業プロジェクトで使用できます。