プロダクト概要
Evergreenは、Segment(現Twilioの一部)によって開発されたオープンソースのReact UIフレームワークで、エンタープライズグレードの一貫性と開発者の生産性に焦点を当てた、パフォーマンスが高くアクセシブルなウェブアプリケーションを構築するためのものです。モダンなデザイン原則に従う洗練されたモジュラー式コンポーネントのセットを提供し、内部ツール、ダッシュボード、データ量の多いインターフェースに理想的です。Evergreenは柔軟に組み合わせ可能なプリミティブコンポーネントを重視し、組み込みのアクセシビリティとテーミングサポートを備えています。 コンポーネントライブラリ:ボタン、入力、テーブル、ポップオーバー、トーストなどの広範なバリアントを備えた、プリミティブでありながら強力な要素。 デザイントークン:色、タイポグラフィ、間隔、シャドウのためのカスタマイズ可能なテーマ。 アクセシビリティ:ARIAサポートとキーボードナビゲーションを備えたWCAG準拠。 軽量:React以外の外部依存関係なし。簡単な統合。
label.best_for
デザイントークン: カスタマイズ可能 themes のための 色, タイポグラフィ, 間隔, と shadows. アクセシビリティ: WCAG-compliant を使った ARIA サポート と keyboard navigation. 軽量: なし external dependencies beyond React; 簡単 統合.
主な機能
- コンポーネントライブラリ: Primitive まだ 強力 elements のような buttons, inputs, tables, popovers, と toasts を使った 広範 variants.
- デザイントークン: カスタマイズ可能 themes のための 色, タイポグラフィ, 間隔, と shadows.
- アクセシビリティ: WCAG-compliant を使った ARIA サポート と keyboard navigation.
- 軽量: なし external dependencies beyond React; 簡単 統合.
メリット
- +オープンソース
- +カラーパレット生成
- +アクセシビリティのコントラスト確認
- +包括的なデザインシステム
デメリット
- -導入にはチームの合意が必要
- -カスタマイズが複雑になる場合あり
/// スペック
- 価格:free
- プラットフォーム:Browser
ASSETS_DIRECTORY
/// 関連ツール



