Skip to content
HeroUI Native logo

HeroUI Native

传承 HeroUI (NextUI) 极致设计美学的移动端 React Native 组件库,支持 iOS 与 Android 原生渲染。

HeroUI Native 界面预览

项目概述

HeroUI Native 将享誉前端圈的 HeroUI(原 NextUI)现代美学完整带入了移动端领域。基于 Tailwind CSS v4 与 Uniwind 架构,为 iOS 与 Android 提供开箱即用的高颜值移动端 UI 组件体系。

核心特性

  • 极致的 HeroUI 视觉基因:平滑渐变、精致微毛玻璃与舒适圆角完美适配手机屏幕。
  • ⚡️ Tailwind CSS v4 原生驱动:通过 Uniwind 在移动端实现高效原子类样式,零运行时损耗。
  • ♿️ 移动端无障碍工效:全面优化触控热区(Touch Target)、焦点状态与无障碍辅助读屏。
  • AI Native 开发支持:配备专属 HeroUI Native MCP Server,深度协同 AI 编程助手极速生成移动端界面。

快速上手与示例代码

npx @heroui/native-cli init
import { Button } from '@heroui/native';

export default function MobileScreen() {
  return <Button color="primary" size="lg">立即开启原生体验</Button>;
}

技术选型建议与适用场景

  • 非常适合:基于 Expo 与 React Native 开发的高颜值移动端 App、跨平台初创项目及独立开发者。
  • 不适用场景:不需要构建原生移动端 App 的传统纯 Web 页面。

讨论与评价

0 条讨论
分享你对该组件库的上手体验、优缺点或建议...

暂无讨论。欢迎分享你对该组件库的上手体验、优缺点或建议!

相关组件推荐

基于同类与技术栈推荐