● オンライン
Evergreen

オープンソース React UIフレームワーク による Segment のための consistent, accessible enterprise applications.

無料デザインシステム

プロダクト概要

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
/// 関連ツール