TailGrids による無料の Tailwind CSS UI コンポーネントとブロック
TailGrids は、600 を超える高品質の Tailwind CSS UI コンポーネントとブロックからなる最新の Tailwind CSS UI ライブラリであり、最新の Web サイト、ランディング ページ、Web アプリケーション、ダッシュボード、e コマースなど向けに完璧に作成されています。このライブラリには、一流の UI ライブラリに期待される重要な UI コンポーネントと要素がすべて含まれており、一貫したデザインと使いやすいサンプル テンプレート、HTML、React、Vue 用のコピー&ペースト コンポーネントが保証されています。
主な特徴:
- 完全な UI ライブラリ: TailGrids は、600 を超える Tailwind CSS UI コンポーネントとブロックの素晴らしい品揃えを誇っています。
- マルチフレームワークのサポート: TailGrids は、HTML、React、Vue などの複数のフレームワークをサポートし、幅広い開発ニーズに対応します。
- プレミアム品質:当社のコンポーネントは一貫した現代的な美学を備えて設計されており、ハイエンドのビジュアル品質を保証します。
- ユーザーフレンドリー: TailGrids はシンプルなコピー&ペースト機能により、開発プロセスを加速し、時間と労力を節約します。
- 適応性: TailGrids は、最新の Web サイト、ランディング ページ、Web アプリ、ダッシュボード、e コマース プラットフォームなど、さまざまなアプリケーションに最適です。
- アクセス可能なオープンソース バージョン:無料バージョンでは、すべてのコア コンポーネントとともに 200 を超える UI コンポーネントにアクセスできます。
- サンプル テンプレート: HTML および React で利用できる 14 個の多目的でユニークなサンプル テンプレート。
TailGrids の無料のオープンソース バージョンは、すべてのコア コンポーネントとともに 200 以上の UI コンポーネントを提供しており、個人プロジェクトと商用プロジェクトの両方にとって貴重なリソースとなっています。自由に使用してください。このリポジトリにスターを付けることで、チームをサポートし、鼓舞することを忘れないでください。
すべてのコンポーネントを調べる
?ウェブサイトにアクセス
?ドキュメント
NPM 経由でインストールする
TailGrids NPM パッケージの前に、Node.js と Tailwind CSS がインストールされていることを確認してください。 Tailgrids を使い始めるためのクイック ガイドは次のとおりです。
1. TailGrids NPM パッケージをインストールします。
2. TailGrids プラグインをtailwind.config.js
ファイルに追加します。
module . exports = {
// Your existing Tailwind CSS configuration goes here
plugins : [ require ( "tailgrids/plugin" ) ] ,
} ;
3. コンポーネントを参照し、気に入ったものをコピーしてプロジェクトに貼り付けます。
それで終わりです!これで、プロジェクトで TailGrids の使用を開始する準備が整いました。コーディングを楽しんでください!
⚡ PRO バージョンを入手
?詳細なドキュメントと使用ガイド
TailAdmin の反応
TailAdmin Vue
⁉️ TailGrids Figma
?サポート
いつでもこのプロジェクトをサポートし、出演することで私たちにインスピレーションを与えていただけますか?このリポジトリを友人と共有します。ライブラリが気に入った場合は、Pro バージョンの購入を検討してください
変更履歴
バージョン2.2.1
(2024年8月)
- タイムピッカーが追加されました
- 日付ピッカーが追加されました。
バージョン2.2.0
(2024年5月)
- 80 を超える新しいコンポーネントが追加されました。
- コアスタイルガイドを更新しました。
- ファイル構造を修正しました。
- 依存関係を減らすためにプラグインを強化しました。
- Tailwind CSS バージョンを他の依存関係とともに更新しました。
バージョン2.1.0
(2023年10月)
- ダークモードを導入しました。
- 既存のコンポーネントを磨きました。
- いくつかのコアコンポーネントが組み込まれています。
- 依存パッケージを更新しました。
バージョン2.0.0
(2023年2月)
- このメジャー リリースでは、コンポーネントが 2 倍になり、ダーク モードが導入され、コンポーネントとサンプル テンプレートが拡張されました。
- 500 以上の Tailwind UI コンポーネント (200 以上が新たに追加)
- テンプレート 12 個 (新規追加 8 個)
- すべてのコンポーネントのダークモード
- 新しい UI コンポーネントを含む更新された Figma ファイル
- 2 つの電子商取引テンプレート
- 90+ 上級 |コア、マーケティング、アプリの UI コンポーネント
- 50 以上のダッシュボード UI コンポーネント
- 100 以上の e コマース コンポーネント
バージョン1.1.0
(2022年3月)
私たちは、Figma の統合と新しいテンプレートによってデザイン エクスペリエンスを向上させることに重点を置きました。
- 2 つの新しいテンプレート
- UI コンポーネントの Figma ソース
- レスポンシブボタン/ビューポート
- 専用テンプレートギャラリー
初期リリース
(2022年2月)
旅が始まりました!私たちは、コンポーネントとテンプレートの強力な基盤を備えた TailGrids を立ち上げました。
- 初期の 300 以上の UI コンポーネント
- 2 つのテンプレート例
- オープンソース版のNPMパッケージ
?ライセンス
TailGrids コア バージョンは完全に無料です!オープンソースなので、個人プロジェクトまたは商用プロジェクトで使用できます。
UIコンポーネント