heroui-native

Installation
Summary

React Native component library with Uniwind styling, semantic variants, and compound component patterns.

  • Built on Uniwind (Tailwind CSS for React Native) with HSL color format; do not apply web HeroUI patterns or colors
  • Includes accessible, customizable components (Button, Card, TextField, Dialog) using compound component structure accessed via dot notation
  • Provides semantic variants (primary, secondary, tertiary, danger, ghost, outline) that adapt to light/dark themes via CSS variables
  • Requires GestureHandlerRootView and HeroUINativeProvider wrapping; uses onPress event handlers instead of onClick
  • Fetch component MDX docs before implementing for complete props, anatomy, and examples
SKILL.md

HeroUI Native Development Guide

HeroUI Native is a component library built on Uniwind (Tailwind CSS for React Native) and React Native, providing accessible, customizable UI components for mobile applications.


Installation

curl -fsSL https://heroui.com/install | bash -s heroui-native

CRITICAL: Native Only - Do Not Use Web Patterns

This guide is for HeroUI Native ONLY. Do NOT apply HeroUI React (web) patterns — the package, styling engine, and color format all differ:

Related skills
Installs
5.2K
GitHub Stars
29.3K
First Seen
Jan 27, 2026