rn-shadcn

A shadcn-style CLI for React Native UI components. Install pre-built components directly into your project — no wrapper library, full ownership.

npx rn-shadcn init
npx rn-shadcn add button
npx rn-shadcn add card modal

Prerequisites

• Node.js 20+
• Expo SDK 56+ / React Native 0.85.3+
• Uniwind 1.9.0+
• Tailwind CSS v4

Getting Started

npx rn-shadcn init

This creates:

• components.json — configuration file with registry URL and components directory
• src/lib/cn.ts — utility for merging Tailwind CSS classes
• Installs clsx and tailwind-merge

Commands

add

Install one or more components:

npx rn-shadcn add button
npx rn-shadcn add card modal
npx rn-shadcn add accordion dialog sheet

Automatically installs required npm dependencies.

list

Show all available components:

npx rn-shadcn list

info

View component metadata:

npx rn-shadcn info button

How It Works

Components are downloaded from a remote GitHub Pages registry and copied into your project's src/components/ui/ directory. You own the files — modify them freely.

Available Components

Layout: Accordion, Card, Carousel, Collapsible, Resizable, ScrollArea, Separator, Sheet, Tabs Forms: Button, Checkbox, Combobox, DatePicker, Form, Input, InputOTP, Label, RadioGroup, Select, Slider, Switch, Textarea, Toggle, ToggleGroup Overlays: AlertDialog, ContextMenu, Dialog, Drawer, DropdownMenu, HoverCard, Menubar, NavigationMenu, Popover, Tooltip Data: Avatar, Badge, Breadcrumb, Calendar, Chart, DataTable, Pagination, Table Feedback: Alert, Progress, Skeleton, Sonner, Toast Typography: Text, Typography

License

MIT