tailgrids

Tailgridsは、Tailwind CSSをベースに構築されたオープンソースのReact UIコンポーネントライブラリです。READMEによると、100以上のプロダクション対応で完全にカスタマイズ可能なコピー＆ペースト形式のコンポーネントに加え、プレミアムなUIブロックやテンプレートを提供することで、モダンなウェブアプリケーションをより迅速にリリースすることを目的としています。これらのコンポーネントは、ユーザーエクスペリエンス、パフォーマンス、アクセシビリティ、ダークモード、レスポンシブ対応に配慮し、手作業でピクセルパーフェクトに設計されています。想定される用途には、ウェブサイト、ダッシュボード、SaaS製品、ランディングページ、内部ツールなどが含まれます。 インストールはCLIを通じて行われます。initコマンドでReactまたはNext.jsプロジェクトに設定、ベーススタイル、依存関係をセットアップし、addコマンドでbuttonなどの個別のコンポーネントを取り込みます。その後、コンポーネントはプロジェクトのcomponentsディレクトリからインポートされ、variantなどのpropsと共に使用されます。 バージョン3では、ReactおよびTypeScriptの第一級サポートを備えて再構築されました。主な機能として、100以上の無料コンポーネント、アプリ、ダッシュボード、マーケティング、eコマース、AI向けの500以上の即利用可能なUIセクション、柔軟なテーマシステムを持つモダンなデザイントークン、組み込みのアクセシビリティ、レスポンシブデザインとキーボードナビゲーション、Next.js、Vite、CRAおよびその他のReactフレームワークとの互換性、少ない重量依存関係、そしてオープンソースのSVGアイコンライブラリが含まれています。 READMEにはコンポーネントセットが列挙されています。フォームおよび入力要素には、button、button group、checkbox、radio input、native select、combobox、OTP input、date picker、time picker、text area、slider、input、input groupが含まれます。レイアウトおよびナビゲーション要素には、card、tabs、accordion、collapsible、breadcrumbs、pagination、navigation menu、menubar、drawer、sheet、resizable、scroll area、aspect ratio、separatorが含まれます。フィードバックおよびオーバーレイコンポーネントには、alert、alert dialog、dialog、toast、tooltip、popover、hover card、context menu、progress、skeleton、spinnerが含まれます。データ表示アイテムには、table、chart、avatar、badge、label、link、listが含まれます。各コンポーネントには、例、APIリファレンス、アクセシビリティに関する注記がドキュメント化されています。 UIブロックとテンプレートは個別のリソースとして提供されています。ブロックはダッシュボード、アプリ、マーケティング、eコマース、AI製品向けの構築済みセクションであり、テンプレートはReactとTailwindによる完全なページとレイアウトです。エンタープライズ向けFigmaデザインシステムなどの一部の素材はProユーザー向けに提供されており、ブロックとテンプレートは無料のコンポーネントセットを超えたプレミアムな追加機能として説明されています。 本プロジェクトはMITライセンスの下でリリースされており、個人利用および商用利用ともに無料です。READMEでは、プルリクエストによる貢献や、DiscordまたはGitHub Discussionsでのフィードバックを歓迎しており、コントリビューションガイドへのリンクが提供されています。