HeroUI Native

Overview

HeroUI Native brings the beloved design language of HeroUI (formerly NextUI) into the mobile world. Built with Tailwind CSS v4 via Uniwind, it delivers fast, highly accessible React Native components for iOS and Android.

Key Features

• HeroUI Mobile Aesthetic: Translates the clean gradients, subtle blurs, and rounded styling to mobile screens.
• Tailwind CSS v4 Powered: Native styling driven by Uniwind with zero runtime overhead.
• Accessible Mobile Primitives: Native focus management, screen reader labels, and touch target optimization.
• AI Agent-Ready: Integrates seamlessly with HeroUI Native MCP servers for AI-driven mobile development.

Installation & Quick Start

npx @heroui/native-cli init

import { Button } from '@heroui/native';

export default function App() {
  return <Button color="primary">Get Started</Button>;
}

Why Choose HeroUI Native?

• Best for: Expo and React Native applications wanting NextUI-level polish on mobile.
• Not suitable for: Pure web projects without React Native or Expo.