sh4dcnv2 · atlas
← libraries

@aniui

Beautiful, accessible React Native components (Uniwind or NativeWind) — copy, paste, own the code. 93 components plus pre-built screen blocks, installable with the shadcn CLI.

118 components pro available react shadcn-cli MIT

Install this registry

shadcn (npm) npx shadcn@latest add https://aniui.dev/registry.json
pnpm pnpm dlx shadcn@latest add https://aniui.dev/registry.json
bun bunx shadcn@latest add https://aniui.dev/registry.json
fetch registry curl -s https://aniui.dev/registry.json

Components

118 total
Accordion ui

Expandable content sections

npx shadcn@latest add https://aniui.dev/r/accordion.json
ActionSheet ui

Action sheet with options

npx shadcn@latest add https://aniui.dev/r/action-sheet.json
Alert ui

Alert message with variants

npx shadcn@latest add https://aniui.dev/r/alert.json
AlertDialog ui

Confirmation dialog with actions

npx shadcn@latest add https://aniui.dev/r/alert-dialog.json
Animate ui

Animation presets, spring configs, easing, and hooks for Reanimated 4

npx shadcn@latest add https://aniui.dev/r/animate.json
AreaChart ui

SVG area chart with gradient fill and grid

npx shadcn@latest add https://aniui.dev/r/area-chart.json
AspectRatio ui

Constrains children to a fixed width/height ratio

npx shadcn@latest add https://aniui.dev/r/aspect-ratio.json
Avatar ui

User avatar with image and fallback

npx shadcn@latest add https://aniui.dev/r/avatar.json
AvatarGroup ui

Overlapping avatar stack with max count and +N overflow bubble

npx shadcn@latest add https://aniui.dev/r/avatar-group.json
Badge ui

Small status indicator

npx shadcn@latest add https://aniui.dev/r/badge.json
Banner ui

Full-width notification banner with variants and dismiss

npx shadcn@latest add https://aniui.dev/r/banner.json
BarChart ui

Vertical and horizontal bar chart

npx shadcn@latest add https://aniui.dev/r/bar-chart.json
BottomSheet ui

Bottom sheet overlay

npx shadcn@latest add https://aniui.dev/r/bottom-sheet.json
BottomTabsScreen block

Bottom tab navigation bar with active state indicators

npx shadcn@latest add https://aniui.dev/r/bottom-tabs.json
Breadcrumb ui

Navigation trail: Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator

npx shadcn@latest add https://aniui.dev/r/breadcrumb.json
Button ui

A pressable button with variants

npx shadcn@latest add https://aniui.dev/r/button.json
Calendar ui

Month calendar with single and range selection

npx shadcn@latest add https://aniui.dev/r/calendar.json
Card ui

Card container with header, content, footer

npx shadcn@latest add https://aniui.dev/r/card.json
Carousel ui

Horizontal scrollable carousel with pagination dots

npx shadcn@latest add https://aniui.dev/r/carousel.json
ChartTooltip ui

Tooltip overlay for chart data points

npx shadcn@latest add https://aniui.dev/r/chart-tooltip.json
ChatScreen block

Messaging screen with chat bubbles and input bar

npx shadcn@latest add https://aniui.dev/r/chat.json
ChatBubble ui

Message bubble for chat with sent/received variants and status

npx shadcn@latest add https://aniui.dev/r/chat-bubble.json
Checkbox ui

Checkbox with checked state

npx shadcn@latest add https://aniui.dev/r/checkbox.json
Chip ui

Interactive tag for filters and multi-select

npx shadcn@latest add https://aniui.dev/r/chip.json
Collapsible ui

Animated show/hide content

npx shadcn@latest add https://aniui.dev/r/collapsible.json
Combobox ui

Searchable select with multi-select, groups, clear, and custom rendering

npx shadcn@latest add https://aniui.dev/r/combobox.json
CommandMenu ui

Spotlight/kbar-style command palette — portal-based overlay with rigorous Android keyboard handling, groups, and shortcuts

npx shadcn@latest add https://aniui.dev/r/command-menu.json
ConnectionBanner ui

Animated banner showing online/offline connection status

npx shadcn@latest add https://aniui.dev/r/connection-banner.json
ContextMenu ui

Long-press context menu with items and separators

npx shadcn@latest add https://aniui.dev/r/context-menu.json
DataTable ui

Sortable, filterable data table with pagination and custom cell rendering

npx shadcn@latest add https://aniui.dev/r/data-table.json
DatePicker ui

Date picker with calendar popup and range support

npx shadcn@latest add https://aniui.dev/r/date-picker.json
Dialog ui

Modal dialog overlay

npx shadcn@latest add https://aniui.dev/r/dialog.json
DirectionProvider ui

RTL/LTR direction context with I18nManager integration

npx shadcn@latest add https://aniui.dev/r/direction-provider.json
Drawer ui

Slide-in side navigation panel

npx shadcn@latest add https://aniui.dev/r/drawer.json
DrawerNavContent block

Side drawer with user profile and icon-labeled navigation

npx shadcn@latest add https://aniui.dev/r/drawer-nav.json
DropdownMenu ui

Dropdown menu with items, separators, and destructive actions

npx shadcn@latest add https://aniui.dev/r/dropdown-menu.json
EmptyState ui

Placeholder for empty screens and error states

npx shadcn@latest add https://aniui.dev/r/empty-state.json
FAB ui

Floating action button for primary screen actions

npx shadcn@latest add https://aniui.dev/r/fab.json
Field ui

Layout-focused form field with label, description, and error

npx shadcn@latest add https://aniui.dev/r/field.json
FilePicker ui

File upload UI with dashed border, preview, and remove button

npx shadcn@latest add https://aniui.dev/r/file-picker.json
ForgotPasswordScreen block

Password reset flow with email input and confirmation

npx shadcn@latest add https://aniui.dev/r/forgot-password.json
Form ui

Form context with validation, error handling, and compound components

npx shadcn@latest add https://aniui.dev/r/form.json
Gradient ui

Linear gradient view with configurable colors and direction

npx shadcn@latest add https://aniui.dev/r/gradient.json
Grid ui

FlatList-based grid layout with configurable columns and gap

npx shadcn@latest add https://aniui.dev/r/grid.json
Header ui

Navigation header with back button, title, and right actions

npx shadcn@latest add https://aniui.dev/r/header.json
HomeScreen block

Dashboard home with greeting, quick actions, stats, and activity

npx shadcn@latest add https://aniui.dev/r/home.json
HoverCard ui

Preview content card triggered by hover or long-press

npx shadcn@latest add https://aniui.dev/r/hover-card.json
Image ui

Image with loading placeholder, error fallback, and rounded variants

npx shadcn@latest add https://aniui.dev/r/image.json
ImageGallery ui

Horizontal image carousel with fullscreen modal and pagination

npx shadcn@latest add https://aniui.dev/r/image-gallery.json
InfiniteList ui

FlatList with auto-loading more items on scroll

npx shadcn@latest add https://aniui.dev/r/infinite-list.json
Input ui

Text input with variants and states

npx shadcn@latest add https://aniui.dev/r/input.json
InputGroup ui

Compose inputs with addons, buttons, text, and focus-aware container

npx shadcn@latest add https://aniui.dev/r/input-group.json
InputOTP ui

One-time password input with individual cells

npx shadcn@latest add https://aniui.dev/r/input-otp.json
Kbd ui

Keyboard key display with grouping and separator

npx shadcn@latest add https://aniui.dev/r/kbd.json
KeyboardView ui

Keyboard-avoiding wrapper so forms stay visible above the keyboard

npx shadcn@latest add https://aniui.dev/r/keyboard-view.json
Label ui

Form field label

npx shadcn@latest add https://aniui.dev/r/label.json
LabeledSeparator ui

Horizontal separator with centered text label

npx shadcn@latest add https://aniui.dev/r/labeled-separator.json
LineChart ui

Multi-series line chart with data points

npx shadcn@latest add https://aniui.dev/r/line-chart.json
List ui

Styled list items

npx shadcn@latest add https://aniui.dev/r/list.json
LoginScreen block

Email/password login with social sign-in

npx shadcn@latest add https://aniui.dev/r/login.json
MaskedInput ui

Text input with mask formatting for credit cards, phones, dates

npx shadcn@latest add https://aniui.dev/r/masked-input.json
Menubar ui

Horizontal menu bar with dropdown menus: Menubar, MenubarMenu, MenubarItem

npx shadcn@latest add https://aniui.dev/r/menubar.json
NotificationsScreen block

Grouped notifications list with unread indicators

npx shadcn@latest add https://aniui.dev/r/notifications.json
NumberInput ui

Numeric input with increment/decrement buttons and min/max

npx shadcn@latest add https://aniui.dev/r/number-input.json
OnboardingScreen block

Welcome carousel with step indicators and skip option

npx shadcn@latest add https://aniui.dev/r/onboarding.json
Pagination ui

Page navigation with numbered buttons and prev/next

npx shadcn@latest add https://aniui.dev/r/pagination.json
PasswordInput ui

Password input with show/hide toggle and strength indicator

npx shadcn@latest add https://aniui.dev/r/password-input.json
PhoneInput ui

Phone number input with country code selector

npx shadcn@latest add https://aniui.dev/r/phone-input.json
PieChart ui

Pie and donut chart with segments

npx shadcn@latest add https://aniui.dev/r/pie-chart.json
Popover ui

Contextual overlay with trigger positioning

npx shadcn@latest add https://aniui.dev/r/popover.json
Price ui

Formatted currency display with locale and strikethrough support

npx shadcn@latest add https://aniui.dev/r/price.json
PricingScreen block

Subscription plan selector with monthly/yearly toggle

npx shadcn@latest add https://aniui.dev/r/pricing.json
ProductDetailScreen block

Product detail with size selector, quantity picker, and CTA

npx shadcn@latest add https://aniui.dev/r/product-detail.json
ProductListScreen block

E-commerce product grid with category filters and wishlist

npx shadcn@latest add https://aniui.dev/r/product-list.json
ProfileScreen block

User profile with avatar, stats, menu items, and log out

npx shadcn@latest add https://aniui.dev/r/profile.json
Progress ui

Progress bar

npx shadcn@latest add https://aniui.dev/r/progress.json
ProgressSteps ui

Multi-step progress indicator for wizards and onboarding

npx shadcn@latest add https://aniui.dev/r/progress-steps.json
PromptInput ui

ChatGPT/Claude-style AI composer — compound: PromptInput, Textarea, Toolbar, Button, Send (stop while streaming)

npx shadcn@latest add https://aniui.dev/r/prompt-input.json
RadarChart ui

Radar/spider chart with polygon grid

npx shadcn@latest add https://aniui.dev/r/radar-chart.json
RadialChart ui

Circular radial progress chart

npx shadcn@latest add https://aniui.dev/r/radial-chart.json
RadioGroup ui

Radio button group

npx shadcn@latest add https://aniui.dev/r/radio-group.json
Rating ui

Star rating with interactive and read-only modes

npx shadcn@latest add https://aniui.dev/r/rating.json
RefreshControl ui

Themed pull-to-refresh control for ScrollView and FlatList

npx shadcn@latest add https://aniui.dev/r/refresh-control.json
SafeArea ui

Styled SafeAreaView wrapper with theme variants

npx shadcn@latest add https://aniui.dev/r/safe-area.json
SearchScreen block

Search screen with recent searches, trending, and live results

npx shadcn@latest add https://aniui.dev/r/search.json
SearchBar ui

Search input with icon, clear button, and cancel

npx shadcn@latest add https://aniui.dev/r/search-bar.json
SegmentedControl ui

iOS-style segmented control for view switching

npx shadcn@latest add https://aniui.dev/r/segmented-control.json
Select ui

Dropdown select with search support

npx shadcn@latest add https://aniui.dev/r/select.json
Separator ui

Visual divider

npx shadcn@latest add https://aniui.dev/r/separator.json
SettingsScreen block

Settings screen with toggles, navigation rows, and danger zone

npx shadcn@latest add https://aniui.dev/r/settings.json
Sidebar ui

Collapsible animated side navigation panel: SidebarProvider, Sidebar, SidebarTrigger, useSidebar

npx shadcn@latest add https://aniui.dev/r/sidebar.json
SignUpScreen block

Registration with name, email, password, and terms checkbox

npx shadcn@latest add https://aniui.dev/r/signup.json
Skeleton ui

Animated loading placeholder

npx shadcn@latest add https://aniui.dev/r/skeleton.json
SlideToConfirm ui

Slide-to-pay/confirm control with spring-back and confirmed state

npx shadcn@latest add https://aniui.dev/r/slide-to-confirm.json
Slider ui

Draggable slider for numeric values

npx shadcn@latest add https://aniui.dev/r/slider.json
Spinner ui

Loading spinner with sizes

npx shadcn@latest add https://aniui.dev/r/spinner.json
StatCard ui

KPI display card with value, trend indicator, and change percentage

npx shadcn@latest add https://aniui.dev/r/stat-card.json
StatusIndicator ui

Colored dot for online/offline/away/busy status

npx shadcn@latest add https://aniui.dev/r/status-indicator.json
Stepper ui

Numeric increment/decrement control with min/max/step

npx shadcn@latest add https://aniui.dev/r/stepper.json
StreamingText ui

Typewriter-style streaming AI response text with a blinking cursor

npx shadcn@latest add https://aniui.dev/r/streaming-text.json
SwipeDeck ui

Tinder-style swipeable card stack with fling physics and swipe callbacks

npx shadcn@latest add https://aniui.dev/r/swipe-deck.json
SwipeableListItem ui

Swipeable list item revealing action buttons on swipe

npx shadcn@latest add https://aniui.dev/r/swipeable-list-item.json
Switch ui

Toggle switch

npx shadcn@latest add https://aniui.dev/r/switch.json
TabBar ui

Bottom tab bar with badge support and active states

npx shadcn@latest add https://aniui.dev/r/tab-bar.json
Table ui

Data table with header, body, rows, and cells

npx shadcn@latest add https://aniui.dev/r/table.json
Tabs ui

Tab navigation with filled/line variants, sizes, vertical, disabled, and icon support

npx shadcn@latest add https://aniui.dev/r/tabs.json
Text ui

Typography with heading and body variants

npx shadcn@latest add https://aniui.dev/r/text.json
Textarea ui

Multi-line text input

npx shadcn@latest add https://aniui.dev/r/textarea.json
AniUI Theme theme

AniUI light/dark color tokens and radius. Convenience only — `aniui init` is authoritative for full RN theme setup.

npx shadcn@latest add https://aniui.dev/r/theme.json
ThemeProvider ui

Theme context provider with light/dark/system mode and toggle

npx shadcn@latest add https://aniui.dev/r/theme-provider.json
Timeline ui

Vertical timeline for events, order tracking, activity feeds

npx shadcn@latest add https://aniui.dev/r/timeline.json
Toast ui

Notification toast with auto-dismiss, position (top/bottom), and slide-in direction (top/bottom/left/right)

npx shadcn@latest add https://aniui.dev/r/toast.json
Toggle ui

Two-state toggle button

npx shadcn@latest add https://aniui.dev/r/toggle.json
ToggleGroup ui

Group of exclusive toggle buttons

npx shadcn@latest add https://aniui.dev/r/toggle-group.json
Tooltip ui

Accessible tooltip with positioning

npx shadcn@latest add https://aniui.dev/r/tooltip.json
TypingIndicator ui

Animated typing dots for chat interfaces

npx shadcn@latest add https://aniui.dev/r/typing-indicator.json
cn utility lib

Tailwind class-merge helper (clsx + tailwind-merge).

npx shadcn@latest add https://aniui.dev/r/utils.json
Waveform ui

Audio waveform bars — driven by real amplitude levels, with an ambient recording fallback

npx shadcn@latest add https://aniui.dev/r/waveform.json