founded-labs/react-native-reusables

これは何？

主な機能

• 01shadcn/uiをモデルにした、コピーして使えるReact Nativeコンポーネント
• 02NativewindまたはUniwindのユーティリティクラスによるスタイリング
• 03Expoプロジェクト向けに構築され、react-native-webにも対応
• 04コミュニティが管理する追加コンポーネントとテンプレートの一覧

ユースケース

• 一貫性があり、カスタマイズ可能なコンポーネント群を使ってReact NativeまたはExpoアプリを開発する
• react-native-webを介して、ネイティブモバイルとWebで同じデザインシステムを共有する
• すでにshadcn/uiを使っているチームが、モバイルでも同じパターンを採用する

クイックスタート

1. 1

   インストール方法と使い方は、ドキュメントを開いて確認してください。

使う前に知っておきたいこと

• !コンポーネントのスタイリングには Nativewind または Uniwind を使用するため、いずれかのスタイリングライブラリが必要です。

収録されている特集

トピック

よくある質問

react-native-reusables とは？

shadcn/uiをReact Native向けに移植し、NativewindまたはUniwindでスタイリングする、コピーして使えるUIコンポーネント集です。 React Native Reusablesは、shadcn/uiのコンポーネントの考え方をReact Nativeに取り入れたプロジェクトです。コンポーネントはNativewind（React Native向けTailwind CSS）またはUniwindでスタイリングされており、使い慣れたユーティリティクラスでカスタマイズできます。

react-native-reusables は無料で使えますか？ライセンスは？

react-native-reusables は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

react-native-reusables は今もメンテナンスされていますか？

半年以内に更新あり。react-native-reusables の最終コミットは 2026年9月27日 です。

react-native-reusables は何に使えますか？

一貫性があり、カスタマイズ可能なコンポーネント群を使ってReact NativeまたはExpoアプリを開発する react-native-webを介して、ネイティブモバイルとWebで同じデザインシステムを共有する すでにshadcn/uiを使っているチームが、モバイルでも同じパターンを採用する

react-native-reusables のインストール方法は？

インストール方法と使い方は、ドキュメントを開いて確認してください。

react-native-reusables はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/founded-labs/react-native-reusables