蜡笔猫导航

react-native-web

把 React Native 的组件与 API 带到 Web 端的兼容实现，帮助同一套界面代码复用到多端。

UI 组件库免费ReactReact Native开源组件库跨平台
官网（在新标签页打开）GitHub（在新标签页打开）
react-native-web 官网预览

它能做什么

  • 把 React Native 组件与 API 渲染到 Web 端
  • 复用一套 React UI 代码覆盖多端
  • 作用域样式、自动厂商前缀与 RTL 支持
  • 可与既有 React DOM 组件渐进式互操作
  • 开源，可作为依赖自行集成

适合谁

  • 已有 React Native 项目，希望补充 Web 版本
  • 前端团队构建跨平台复用的 React 界面
  • 在 Web 工程中使用 React Native 风格组件

详细介绍

react-native-web 是 React Native 组件与 API 在 Web 上的可访问实现，可与 React DOM 互操作，目标是把 React Native 的组件与开发方式带入浏览器环境，让同一套 React 组件代码有机会同时服务原生端与 Web 端，减少为不同平台重复实现界面的成本。

它提供跨平台的 React UI 组件与 API，样式侧提供作用域样式、自动添加厂商前缀并支持 RTL，同时支持触摸、鼠标、键盘等多种输入方式与语义化标签；响应式容器可响应元素尺寸变化，并支持与既有 React DOM 组件渐进式混用、按需打包。资料显示它支撑了 Expo、React Native Elements、React Native Paper、NativeBase 等工具在 Web 端的支持。

适合已有 React Native 项目需要补充 Web 版本，或希望用统一组件抽象构建多端界面的前端团队。使用时通常作为项目依赖接入现有 React 或 React Native 工程，安装与配置步骤以官方文档为准。

awesome-shadcn-uiUI 组件库
Radix PrimitivesUI 组件库
Fluent UIUI 组件库