● オンライン
gluestack-ui

オープンソース universal React UIライブラリ を使った カスタマイズ可能, accessible コンポーネント のための ウェブ と ネイティブ apps.

無料デザインシステム

プロダクト概要

gluestack-uiは、ReactとReact Nativeのための強力なオープンソースのユニバーサルUIコンポーネントライブラリで、「glue stack」哲学に基づいて構築され、ウェブとモバイルプラットフォーム全体で一貫性のあるパフォーマンスの高い高度にカスタマイズ可能なコンポーネントを提供します。Styled Components、NativeWind(React Native用Tailwind)、テーミングシステムをサポートし、コードの重複なしのシームレスなクロスプラットフォーム開発を実現します。Expo、Next.js、またはReact Nativeでスケーラブルなアプリを構築する開発者に理想的で、アクセシビリティ、ダークモード、本番環境でのゼロランタイムオーバーヘッドによる開発者体験を強調しています。 ユニバーサルコンポーネント:ウェブ(React)とネイティブ(React Native)のための同じコードベースで、プラットフォーム固有の最適化を備える。 カスタマイズ:色、タイポグラフィ、間隔、シャドウのためのトークンを使用した深いテーミング。Styled propsとバリアントをサポート。 アクセシビリティ:組み込みのARIAサポート、フォーカス管理、WCAG準拠。 パフォーマンス:サーバーサイドレンダリング対応、ランタイムスタイリングオーバーヘッドなし。 ツール:スタイリングのためのgluestack-style、SVGアイコンのためのgluestack-icons、ExpoとNext.jsとの統合。

label.best_for

チーム 構築 スケーラブル, consistent digital products.

主な機能

  • Universal コンポーネント: 同じ codebase のための ウェブ (React) と ネイティブ (React ネイティブ) を使った プラットフォーム-特定 optimizations.
  • カスタマイズ: Deep theming を使った tokens のための 色, タイポグラフィ, 間隔, と shadows; 対応 styled props と variants.
  • アクセシビリティ: 内蔵 ARIA サポート, focus management, と WCAG compliance.
  • Performance: サーバー-side レンダリング ready, なし runtime styling overhead.
  • ツール: gluestack-style のための styling, gluestack-アイコン のための SVG アイコン, と 統合 を使った Expo と Next.js.

メリット

  • +オープンソース
  • +豊富なアイコンライブラリ
  • +スケーラブルなベクトル形式
  • +色とサイズのカスタマイズ可能

デメリット

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

/// スペック

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