プロダクト概要
U.S. Web Design System（USWDS）は、米国連邦政府（GSA管理）の公式オープンソースデザインシステムで、公共向け政府ウェブサイトやサービスのための一貫性のあるアクセシブルでパフォーマンスの高いデジタル体験を構築するための再利用可能なコンポーネント、パターン、ガイドラインを提供します。Section 508アクセシビリティ基準と連邦ブランディングへのコンプライアンスを保証し、政府機関がユーザー中心の信頼できるインターフェースを効率的に提供できるようにします。 コンポーネントライブラリ：バリアントを備えたボタン、フォーム、アラート、アコーディオン、グリッド、ナビゲーションの再利用可能な要素。 デザイントークン：一貫性のための色（連邦パレット）、タイポグラフィ、間隔、アイコン、ユーティリティ。 アクセシビリティ：ARIAサポートを備えた完全なSection 508/WCAG 2.1 AA準拠。 ツール：プロトタイピングのためのFigmaキット。HTML/CSSとReact用のコードパッケージ。
こんな方に最適
チーム 構築 スケーラブル, consistent digital products.
主な機能
- コンポーネントライブラリ: Reusable elements のような buttons, forms, alerts, accordions, grids, と navigation を使った variants.
- デザイントークン: 色 (federal パレット), タイポグラフィ, 間隔, アイコン, と utilities のための consistency.
- アクセシビリティ: 完全 Section 508/WCAG 2.1 AA compliance を使った ARIA サポート.
- ツール: Figma キット のための プロトタイピング; コード packages のための HTML/CSS と React.
メリット
- +オープンソース
- +豊富なアイコンライブラリ
- +カラーパレット生成
- +CSS/デザインツールにエクスポート
デメリット
- -導入にはチームの合意が必要
- -カスタマイズが複雑になる場合あり
/// スペック
- 価格:Free
- プラットフォーム:Browser
SmartHR UI
オープンソース React コンポーネントライブラリ のための consistent, accessible HR プラットフォーム interfaces.
Vibe Design System
monday.com's オープンソース デザインシステム のための consistent, accessible 作業 management interfaces.
Radius Design System
Rangle's Meta-フレームワーク accelerating custom デザインシステム creation を使った ツール と キット.
Salt Design System
J.P. Morgan's オープンソース フレームワーク のための accessible, カスタマイズ可能 financial interfaces.
Slack Block Kit
modular UIフレームワーク のための 構築 豊富, インタラクティブ messages と apps で Slack.
U.S. Web Design System
ウェブ デザインシステム: official U.S. government フレームワーク のための consistent, accessible public digital services.
VKUI
VK's オープンソース React ライブラリ のための consistent, accessible interfaces で VK apps と services.
VTEX Design System
オープンソース フレームワーク のための consistent, accessible e-commerce interfaces.
Vaadin Design System
オープンソース フレームワーク のための consistent, accessible enterprise ウェブ apps を使った ウェブ コンポーネント.
Watt Design System
Holaluz's Figma-ベース UIキット のための consistent, accessible renewable energy interfaces.