Repolode
提交项目
founded-labs

founded-labs/react-native-reusables

将 shadcn/ui 带到 React Native，提供基于 Nativewind 或 Uniwind 的可复制粘贴 UI 组件。

在 GitHub 查看官网
Star
8,718
Fork
318
未关闭 Issue
17
最近提交
上个月

这是什么？

React Native Reusables 将 shadcn/ui 的组件思路引入 React Native。组件使用 Nativewind（面向 React Native 的 Tailwind CSS）或 Uniwind 进行样式设计，开发者可以用熟悉的工具类来定制外观。

延续 shadcn/ui 的模式，组件以源码形式复制到项目中使用，而不是作为锁定版本的依赖安装，便于按需修改。组件基于适配原生环境的 Radix 风格原语构建，项目同时面向 Expo 与 react-native-web。

项目采用 MIT 许可证，提供文档站点，并维护了社区资源列表，收录第三方组件、库和模板。

核心功能

  • 01借鉴 shadcn/ui 的可复制粘贴式 React Native 组件
  • 02通过 Nativewind 或 Uniwind 的工具类进行样式定制
  • 03面向 Expo 项目，并支持 react-native-web
  • 04提供社区维护的额外组件与模板列表

适用场景

  • 使用 Expo 或 React Native 构建界面统一、可定制的应用
  • 借助 react-native-web 在移动端与 Web 之间共享一套设计系统
  • 已在用 shadcn/ui、希望在移动端保持相同开发模式的团队

快速上手

  1. 1

    打开文档查看安装和使用步骤

使用前须知

  • 组件使用 Nativewind 或 Uniwind 进行样式设计，因此你需要引入其中一个样式库。

收录于专题

前端框架与界面组件

标签

#react-native#ui-components#shadcn-ui#nativewind#tailwind-css#expo#typescript#radix-ui#react-native-reusables#react-native-web

常见问题

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 适合用来做什么？
使用 Expo 或 React Native 构建界面统一、可定制的应用 借助 react-native-web 在移动端与 Web 之间共享一套设计系统 已在用 shadcn/ui、希望在移动端保持相同开发模式的团队
react-native-reusables 怎么安装和运行？
打开文档查看安装和使用步骤
在哪里获取 react-native-reusables？
源代码和安装说明在 GitHub 上：https://github.com/founded-labs/react-native-reusables

概要由 AI 根据项目 README 生成；GitHub 数据每日更新。

相关项目