RNUI
Get started
DocumentationOverview

RNUI / documentation

Documentation

Learn how RNUI's copy-in component registry works, choose a styling engine, and install the components your React Native app needs.

RNUI is a shadcn-compatible registry for React Native. Add a component to your app, then own and adapt the source alongside your product code.

Not a runtime UI package. The registry copies component files into components/ui/. Your app owns the installed source.

At a glance

  • 83 UI components for inputs, navigation, overlays, feedback, and data display.
  • 2 styling engines: NativeWind v4 and Uniwind.
  • 7 brand themes shipped as registry items.

How installation works

Choose an engine, run the shadcn CLI against RNUI's registry URL, and the files are written into your project. Registry dependencies such as shared utilities and theme setup are installed with the component when declared.

button.tsx
import { Button } from '@/components/ui/button';

<Button>Continue</Button>

Explore interactive demos

Each component has its own live demo. Browse the catalog to open a focused preview and read the component details.

Browse interactive components

Where to go next

Start with the install guide, compare the styling engines, or browse the full registry catalog.

Install your first component