OPEN SOURCE, OPEN TO EVERYONE

オープンソース。新しい可能性。

優れたオープンソースプロジェクトを見つけ、匿名でプロジェクトを投稿し、自分のプロジェクトを申請して編集できます。

編集部選定 · 良いオープンソースを発見4109発見済み

好奇心とともに、オープンソースの世界へ。

THE FIRST COLLECTION
Topic: design-systems清除
cssprimer
新着

Primer CSSは、GitHubのPrimer Design SystemをCSSで実装したもので、@primer/css npmパッケージとして提供されています。コア、プロダクト、マーケティング向けのユーティリティクラスとコンポーネントスタイルを提供しており、現在はメンテナンス(KTLO)モードとなっています。

デザイン開発ツールDesign systems
新着

Base Webは、UberのBaseデザインシステムを実装したReactコンポーネントライブラリで、TypeScript対応とStyletronベースのスタイリングを備えたモダンでレスポンシブなUIコンポーネントを提供します。現在はメンテナンスモードです。

開発ツールデザインComponent libraries
dembrandtdembrandt
新着

DembrandtはNode.js CLIツールで、PlaywrightでサイトをレンダリングしDOMスタイルを読み取って、カラー・タイポグラフィ・スペーシング・ボーダー・シャドウ・モーション・コンポーネントをW3Cデザイントークンに変換する。CIドリフト検知とMCP対応。

デザイン開発ツールDesign systems
storybookstorybookjs
新着

Storybookは、UIコンポーネントやページを独立して構築、ドキュメント化、テストするためのフロントエンドワークショップです。多くのフレームワークをサポートし、アクセシビリティやインタラクティブ開発のためのアドオンを提供しています。

開発ツールFrontend tooling
design-systempriceline
新着

Priceline Design SystemはPriceline.comのオープンソースUIコンポーネントライブラリおよびデザイン標準です。インタフェースパターンの統一、デザイン・開発の高速化、アクセシビリティ、国際化、レスポンシブウェブデザインを促進することを目指しています。Storybookドキュメント付きでnpmパッケージ(pcln-design-system)として提供され、MITライセンスで公開されています。

デザイン開発ツールDesign systems
新着

Chromaticは、デザイントークンファイルからクロスプラットフォームなデザインシステムを管理するためのビルドツールです。表現力豊かなトークン式、テーマ機能、YAML/JSON入力をサポートし、Sass、CSS、iOS、Android、HTMLスタイルガイドを出力します。

デザイン開発ツールDesign systems
helsinki-design-systemCity-of-Helsinki
新着

ヘルシンキ市が公開するオープンソースのデザインシステム「Helsinki Design System (HDS)」。アクセシブルなReactコンポーネント、CSSスタイル、デザイントークンを提供し、包括的なドキュメントとデザインリソースを備える。

デザイン開発ツールDesign systems
tw-elementsmdbootstrap
新着

TW Elementsは、Tailwind CSS向けのMITライセンス・コンポーネントライブラリです。500以上のインタラクティブなUIコンポーネントと117以上のデザインブロックを提供し、ダークモード対応やテーマ設定が可能で、個人・商用問わず無料で利用できます。

開発ツールデザインComponent libraries
themesradix-ui
新着

Radix Themesは、WorkOSがメンテナンスする、高速な開発、容易なメンテナンス、およびアクセシビリティに焦点を当てたオープンソースのReactコンポーネントライブラリです。

開発ツールデザインComponent libraries
zagchakra-ui
新着

Zagは、アクセシブルなJS UIコンポーネント向けのヘッドレス・フレームワーク非依存の状態マシンライブラリ。React/Solid/Vue/Svelte用アダプタとスタイリングフリーのAPIを提供し、WAI-ARIA準拠の再利用可能パターンを実現する。

開発ツールデザインComponent libraries
ant-designant-design
新着

Ant Designは、TypeScriptで記述されたエンタープライズクラスのUIデザイン言語およびReactコンポーネントライブラリであり、即戦力となる高品質なコンポーネント、デザインリソース、テーマ設定、国際化機能を提供します。

開発ツールデザインComponent libraries

開発者向けのデザインシステムに関するブックマーク、リソース、記事、ツールの厳選された英語コレクション。デザインツール、デザイントークン、パターンライブラリ、コンポーネントテスト、書籍、講演などを網羅しています。

デザイン開発ツールDesign systems
skillsblakecyze
新着

A collection of seven skill libraries for AI coding agents covering code cleanup, prose editing, parallel agent orchestration, interface design, product feedback, design research, and QA. Works with Claude Code, Cursor, Codex and other agents that read skill files.

開発ツール人工知能Templates & starters
tinteRailly
新着

TinteはデザインシステムをAgent Pluginにコンパイルするツールです。リファレンスからアイデンティティを抽出し、SKILL.mdとtokens.cssを出力し、トークンをバイパスする色をリントします。また、shadcnプリセットやエディタテーマ等も出力可能です。

デザイン開発ツールDesign systems
新着

Welcome UIはWelcome to the Jungle(@wttj)が公開したReact・TypeScript・Tailwind CSS・Ariakitベースのカスタマイズ可能デザインシステム。コンポーネントや設定の詳細はREADMEおよび公式ドキュメントで確認できる。

デザイン開発ツールDesign systems
primitivesradix-ui
新着

Radix Primitivesは、アクセシビリティ、カスタマイズ性、開発者体験に重点を置いた、アクセシブルなデザインシステムやウェブアプリ構築のためのオープンソースの低レベルUIコンポーネントライブラリです。WorkOSによってメンテナンスされており、MITライセンスで提供されています。

デザイン開発ツールDesign systems
新着

OpenDesignはClaude Designに代わるApache 2.0ライセンスのオープンソース・ローカルファースト型デスクトップアプリです。エージェントネイティブ対応でDeepSeek Harnessを含む26種類以上のコーディングCLIをサポートし、ブランドグレードのDESIGN.mdシステムでプロトタイプ・スライド・画像・動画を生成、HTML/PDF/PPTX/MP4でエクスポート可能です。

デザイン開発ツールUI/UX & prototyping
daisyuisaadeghi
新着

daisyUIは、Tailwind CSS向けの無料かつオープンソースのコンポーネントライブラリです。HTMLで直接利用可能な、カスタマイズ可能な設計済みUIコンポーネントを提供しており、充実したドキュメントやコミュニティサポートを備えています。

開発ツールComponent libraries
fastmicrosoft
新着

FASTは、Microsoftによる最新のWeb向け適応型インターフェースシステムで、標準準拠のWeb Componentsを構築するための軽量フレームワークと、Fluentデザインのコンポーネントライブラリを提供します。

開発ツールデザインComponent libraries