Design-system agnostic component library for React Native. Ships with Material Design 3 out of the box.
- Design-system agnostic theme engine — use MD3, build your own, or mix both
- Material Design 3 built-in with light and dark themes
- Generate branded MD3 themes from a single seed color
- Full TypeScript support with strict types
- Accessible by default — proper roles, labels, and states
- Tree-shakeable with subpath exports
- Responsive layout hooks (
useBreakpoint, useBreakpointValue)
- New project → Quick Start — scaffold a ready-to-run Expo app with
npx rootnative create.
- Existing project → Installation — add RootNative UI to your React Native or Expo app.
| Component | Description |
|---|
| Box | Theme-aware View with spacing shorthand props |
| Row | Horizontal layout with wrap and invert support |
| Column | Vertical layout with invert support |
| Grid | Equal-width multi-column grid |
| Layout | Safe area wrapper with theme background |
| Component | Description |
|---|
| Button | Actions and choices with a single tap |
| Checkbox | Selection controls for multiple choices |
| Chip | Compact elements for filters and selections |
| IconButton | Icon-only actions |
| Radio | Selection controls for single choice options |
| Switch | Toggle controls for on/off settings |
| TextField | Text input with labels and validation |
| Component | Description |
|---|
| Card | Contained surfaces for related content |
| List | Vertically arranged items with text and icons |
| Progress | Linear and circular progress indicators (determinate / indeterminate) |
| Typography | MD3 type scale text rendering |
| Component | Description |
|---|
| AppBar | Top navigation with title and actions |