RNUI
Get started

A component registry for React Native

Ship the UI.
Keep the code.

83 copy-ready components. Bring the source into your app, then make every detail yours.

Add your first component Explore the registry

Made for NativeWind and Uniwind. No RNUI runtime package to maintain.

From registry to real appSheet / 50%
RNUI example app showing the Sheet component open at its 50 percent snap point
Real RNUI demoNative presentation
components/ui/sheet.tsxYOUR COPY
import { Sheet } from '@/components/ui/sheet';

<Sheet
  open={open}
  snapPoints={['50%', '90%']}
/>
7ways to
make it yours
83components
2styling engines
7brand themes
One source. Your app.

Open code, by design

Start with a system.
Keep the freedom.

Install only what you need. The component files live beside your app code, ready for your product rules and your next idea.

Copy, then customize

Each component lands in components/ui/. Change the source instead of fighting a black box.

Choose your styling engine

Use NativeWind or Uniwind. The registry ships a variant for each one.

Keep the dependency surface small

No installed RNUI UI runtime. Your app owns the code and its update path.

A shelf, not a black box

Find a starting point.

Browse all 83 components

Everyday building blocks

6 items
  • Button
  • Text
  • Card
  • Input
  • Textarea
  • Badge

Layers and actions

6 items
  • Sheet
  • Dialog
  • Popover
  • Tooltip
  • Toast
  • Drawer

Navigation and flow

5 items
  • Tabs
  • App Bar
  • Breadcrumb
  • Pagination
  • Bottom Navigation

Data and forms

6 items
  • Calendar
  • Chart
  • Data Table
  • Form
  • Date Picker
  • Autocomplete

Same components, new character

Pick a palette.
Keep your system.

Seven ready-made brand themes change the semantic colors, not the component API. Start with one or make your own.

Start with one component

One command.
Your code.

Choose a styling engine, copy the install command, then keep building in your own project.

Read the setup guide
npx shadcn add https://raw.githubusercontent.com/truongnat/rnui/main/registry/dist/nativewind/button.json

The first install also brings in the shared theme and utility files.