● オンライン
Pando Design System

Pando Design System

Pluralsight's オープンソース デザインシステム のための consistent, accessible ウェブ interfaces.

無料デザインシステム

プロダクト概要

Pandoは、Pluralsightの公式オープンソースデザインシステムで、ウェブアプリのための一貫性のあるアクセシブルでユーザーフレンドリーなインターフェースを構築するためのガイドライン、スタイル、Reactコンポーネントを提供します。セマンティックトークン、ヘッドレススタイル、柔軟なカスタマイズのためのReactライブラリ(@pluralsight/react)を含み、ダーク/ライト/システムテーマをサポートします。Pando v1が最新で、React開発者のためのコンポーザビリティと使いやすさに焦点を当て、統合のためのドキュメンテーションと例を備えています。 Reactコンポーネント:アクセシビリティを内蔵したコンポーザブルライブラリ。 テーマ:セマンティックトークンを備えたダーク(デフォルト)、ライト、システムモード。 カスタマイズ:拡張のためのヘッドレススタイルとデザイントークン。 ツール:デザイントークンパッケージ、アイコン、プリセット。

label.best_for

Themes: Dark (default), light, システム modes を使った semantic tokens. カスタマイズ: Headless styles と デザイントークン のための 拡張機能. ツール: デザイントークン package, アイコン, と presets.

主な機能

  • React コンポーネント: Composable ライブラリ を使った アクセシビリティ 内蔵.
  • Themes: Dark (default), light, システム modes を使った semantic tokens.
  • カスタマイズ: Headless styles と デザイントークン のための 拡張機能.
  • ツール: デザイントークン package, アイコン, と presets.

メリット

  • +オープンソース
  • +豊富なアイコンライブラリ
  • +色とサイズのカスタマイズ可能
  • +包括的なデザインシステム

デメリット

  • -導入にはチームの合意が必要
  • -カスタマイズが複雑になる場合あり

/// スペック

  • 価格:free
  • プラットフォーム:
    Browser
ASSETS_DIRECTORY
/// 関連ツール