● オンライン
NativeBase Design System

NativeBase Design System

オープンソース UI コンポーネントライブラリ のための React ネイティブ を使った カスタマイズ可能, accessible クロスプラットフォーム デザイン.

無料デザインシステム

プロダクト概要

NativeBaseは、React NativeとウェブのためのオープンソースのユニバーサルデザインシステムおよびUIコンポーネントライブラリで、すぐに使えるコンポーネントで一貫性のあるアクセシブルでパフォーマンスの高いモバイルおよびウェブアプリケーションを構築できるようにします。テーミング、ダークモード、プラットフォーム固有の適応(iOS/Android/ウェブ)をサポートし、別々のコードベースなしのクロスプラットフォーム開発に理想的です。50k以上のGitHubスターを獲得し、迅速なプロトタイピングと本番アプリに広く使用され、テーマトークンとユーティリティプロップによる広範なカスタマイズを提供します。 コンポーネントライブラリ:バリアントを備えたボタン、フォーム、カード、ナビゲーション、モーダル、リストなどの40以上の事前構築コンポーネント。 テーミング:色、タイポグラフィ、間隔、シャドウのためのトークンを使用した高度にカスタマイズ可能なテーマ。 アクセシビリティ:組み込みのARIAサポート、フォーカス管理、スクリーンリーダーの互換性。 クロスプラットフォーム:React Native(iOS/Android)とウェブ(React)でシームレスに動作。 ツール:グローバルテーミングのためのNativeBase Provider。ExpoとNext.jsとの統合。

label.best_for

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

主な機能

  • コンポーネントライブラリ: 40+ pre-構築された コンポーネント のような buttons, forms, cards, navigation, modals, と lists を使った variants.
  • Theming: Highly カスタマイズ可能 themes 使用 tokens のための 色, タイポグラフィ, 間隔, と shadows.
  • アクセシビリティ: 内蔵 ARIA サポート, focus management, と 画面 reader compatibility.
  • クロスプラットフォーム: 動作する seamlessly で React ネイティブ (iOS/Android) と ウェブ (React).
  • ツール: NativeBase Provider のための global theming; 統合 を使った Expo と Next.js.

メリット

  • +オープンソース
  • +カラーパレット生成
  • +アクセシビリティのコントラスト確認
  • +包括的なデザインシステム

デメリット

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

/// スペック

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