Tailgridsは、Tailwind CSSで構築されたオープンソースのReact UIコンポーネントライブラリです。100以上のプロダクション対応コピー&ペーストコンポーネントに加え、UIブロックやテンプレートを提供し、TypeScript、アクセシビリティ、ダークモード、CLIインストーラーをサポートしています。
オープンソース。新しい可能性。
優れたオープンソースプロジェクトを見つけ、匿名でプロジェクトを投稿し、自分のプロジェクトを申請して編集できます。
好奇心とともに、オープンソースの世界へ。
THE FIRST COLLECTIONGo + HTMX + templのマイクロSaaSスターターキット。Supabase認証とPostgreSQL RLSがend-to-endで検証され、CIによるパフォーマンス制約とAIエージェント向け多層憲法・停止ゲートを実装。
TW Elementsは、Tailwind CSS向けのMITライセンス・コンポーネントライブラリです。500以上のインタラクティブなUIコンポーネントと117以上のデザインブロックを提供し、ダークモード対応やテーマ設定が可能で、個人・商用問わず無料で利用できます。
Open Video Downloaderは、yt-dlp用のグラフィカルユーザーインターフェースを提供するクロスプラットフォームデスクトップアプリケーションです。Windows、macOS、Linuxで動作し、動画、音声、字幕、メタデータをダウンロードできます。
Twin.macroは、Tailwind CSSのユーティリティクラスをCSS-in-JSワークフローに導入するBabelマクロであり、ビルド時にtw、css、styled、themeの使用箇所をCSSオブジェクトに変換します。emotionやstyled-componentsなどをサポートし、ViteやNext.jsなどの環境で利用可能です。
UPORTALは、メール追跡・リンク追跡・管理された出版物管理を統合したオープンソースのセルフホスト型プラットフォーム。Thunderbirdアドオン、Markdownページ、ダウンロード追跡、統一アナリティクスを備える。
FlowbiteはTailwind CSSベースのオープンソースUIコンポーネントライブラリで、データ属性によるインタラクティブなコンポーネントを提供し、vanilla JS API、TypeScript、RTL対応、およびReact、Vue、Svelte、Angular向けのバインディングを備えています。
designlangはPlaywrightを活用したCLIで、ライブDOMからDTCGトークン、Tailwind設定、Figma変数、WCAG監査まで含めた統合デザイン言語システムを抽出・生成するオープンソースツール。
RetroUIは、大胆でモダンなウェブアプリケーションを構築するためのNeoBrutalismからインスパイアされたUI要素を提供するレトロスタイルのTailwind CSSコンポーネントライブラリです。
Welcome UIはWelcome to the Jungle(@wttj)が公開したReact・TypeScript・Tailwind CSS・Ariakitベースのカスタマイズ可能デザインシステム。コンポーネントや設定の詳細はREADMEおよび公式ドキュメントで確認できる。
brandmdは、ウェブサイトのデザインシステムを抽出し、公式の@google/design.mdリンターに準拠したDESIGN.mdを生成するCLIツールです。Claude CodeやCursorなどのコーディングエージェントにUI実装前のブランドコンテキストを提供します。
daisyUIは、Tailwind CSS向けの無料かつオープンソースのコンポーネントライブラリです。HTMLで直接利用可能な、カスタマイズ可能な設計済みUIコンポーネントを提供しており、充実したドキュメントやコミュニティサポートを備えています。
React Bits は、165 以上のアニメーション付きインタラクティブな React コンポーネントを提供するオープンソース ライブラリで、視覚的に魅力的なウェブサイトの構築を支援します。テキスト アニメーション、背景、UI 要素、無料のクリエイティブ ツールが含まれています。
Marigoldは、react-ariaとTailwind CSSをベースに構築されたMarigold Design SystemのReact実装です。このモノレポには、コンポーネントとテーマのパッケージ、Storybookワークスペース、Next.jsドキュメントサイト、Vitestテスト、およびChangesetsによるCI駆動のリリース機能が含まれています。
Design Oracleは、Playwrightを用いてウェブサイトを分析し、色、タイポグラフィ、コンポーネントなどのデザインシステムを抽出するツールです。Tailwind v4設定やReact JSX、JSONトークンとして書き出しが可能で、単体またはMCPサーバーとしてAIエージェントで利用できます。
プレミアムなフロントエンド、ウェブサイト、モーション、アクセシビリティ、QA、および信頼性の高いエージェントワークフローのための、80の厳選されたスキルを備えた非公式オープンソースのCodexファーストAgent Skillsライブラリ。Claude Code、Cursor、Gemini CLI用のアダプター、ベンチマーク、例が含まれています。
Stislaは、色、間隔、半径、タイポグラフィに制約付きのデザイントークンを共有するオープンソースのコンポーネントライブラリです。ドキュメントやデモ、テンプレートはstisla.devで提供されており、MITライセンスで公開されています。
Franken UI (franken-ui/ui) は、UIkit 3をベースにLitElementで拡張され、shadcn/uiからインスピレーションを得たHTMLファーストのUIコンポーネントライブラリです。現在は0buildへの移行が告知されており、ドキュメントは別サイトで提供されています。
インドのChrist College of Engineering (CCE) のための、Djangoベースのオープンソース・ウェブサイト・プロジェクト。同校の情報ポータルとして機能します。
kampsy/uiはVercelのGeistに着想を得たSvelte 5向けUIコンポーネントライブラリ。一貫性のあるWeb体験構築を目指す。MITライセンスで提供され、オンラインドキュメントサイトを備える。