heroui-native

HeroUI Native component library for React Native (Tailwind v4 via Uniwind). Use when building mobile UIs with HeroUI Native — creating Buttons, Cards, TextFields, Dialogs; installing heroui-native; configuring dark/light themes; or fetching component docs. Keywords: HeroUI Native, heroui-native, React Native UI, Uniwind, mobile components.

29,095stars2,115forksUpdated 5/2/2026

Developer Tools #react-native #tailwind #mobile-ui #component-library #heroui-native #javascript

Security Assessment

Low Risk(75/100)

Detected risks:

Remote Code Execution([SKILL.md] curl -fsSL https://heroui.com/install | bash)

Security Score75/100

About heroui-native

HeroUI Native is a component library for building mobile user interfaces using React Native. It is built on top of Uniwind (a Tailwind CSS implementation for React Native) and is specifically designed to provide customizable, accessible UI components for mobile applications. This skill solves the problem of creating mobile UIs with pre-designed components, ensuring consistency across iOS and Android platforms while maintaining flexibility for developers. It streamlines the process of building modern, responsive, and visually appealing mobile interfaces without having to start from scratch.

FAQ

How do I install HeroUI Native?

You can install HeroUI Native using the following command: `curl -fsSL https://heroui.com/install | bash -s heroui-native`.

Can I use HeroUI Native with React for web?

No, HeroUI Native is designed specifically for React Native (iOS & Android) and should not be used with web-based React patterns. It uses Uniwind (Tailwind for React Native) and HSL color format, which differs from Tailwind CSS and the oklch format used for React (Web).

What components are available in HeroUI Native?

HeroUI Native offers various components such as Buttons, Cards, TextFields, and Dialogs. You can get a list of available components by running `node scripts/list_components.mjs`.

Can HeroUI Native be used with Expo?

Yes, HeroUI Native is compatible with Expo. To set it up, you need to install dependencies such as `uniwind`, `tailwindcss`, and `heroui-native` along with other required packages.