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.

166 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

166 total
Accordion ui

Expandable content sections

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

Expandable icon toolbar that reveals labeled actions, with its own light/dark palette system

npx shadcn@latest add https://aniui.dev/r/action-rail.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
AnimatedHeaderScrollView ui

iOS-style collapsing large-title header ScrollView with blur backdrop on scroll

npx shadcn@latest add https://aniui.dev/r/animated-header-scrollview.json
AnimatedInputBar ui

Text input with a per-character animated placeholder that cycles through multiple strings

npx shadcn@latest add https://aniui.dev/r/animated-input-bar.json
ArcList ui

Items laid out along a curved arc with proximity scale/opacity, snap-to-focus, and a haptic tick on snap

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

Skia area chart with entrance draw-on, data morphing, and a drag-to-scrub tooltip

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
AutoComplete ui

Free-text input with inline filtered suggestions, keyboard-safe dropdown, and async loading state

npx shadcn@latest add https://aniui.dev/r/autocomplete.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

Skia bar chart with staggered grow-in, data morphing, and a drag-to-scrub tooltip

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

Width-encoded barcode strip with compound Root/Bars/Label API and palette overrides

npx shadcn@latest add https://aniui.dev/r/barcode-badge.json
BookPage ui

Book cover with spine gradient, page-edge texture, and an openAngle-driven hinge

npx shadcn@latest add https://aniui.dev/r/book-page.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
Carousel3D ui

3D cylindrical carousel with real perspective-projected faces, pan gestures, and snap physics

npx shadcn@latest add https://aniui.dev/r/carousel-3d.json
CarouselCircular ui

Scroll-driven coverflow carousel with per-item lift, tilt, and a blur fade on non-centered items

npx shadcn@latest add https://aniui.dev/r/carousel-circular.json
CarouselParallax ui

Horizontal carousel with real inner-layer parallax translation and a haptic tick on release

npx shadcn@latest add https://aniui.dev/r/carousel-parallax.json
CarouselScale ui

Center-focused carousel where neighbors zoom up and rotate out, with a haptic tick on release

npx shadcn@latest add https://aniui.dev/r/carousel-scale.json
CarouselTilt ui

Z-axis fan carousel — slides rotate and lift from a bottom pivot, with an optional blur overlay

npx shadcn@latest add https://aniui.dev/r/carousel-tilt.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
Coupon ui

Two-section promotional coupon with a real tear-line, ticket icon, and orientation prop

npx shadcn@latest add https://aniui.dev/r/coupon.json
CurvedBottomTabs ui

Bottom tab bar whose curved notch and floating gradient button slide to track the active tab, with badge support and keyboard auto-hide

npx shadcn@latest add https://aniui.dev/r/curved-bottom-tabs.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
EventTicket ui

Event ticket card with perforated edge, date, venue, and seat

npx shadcn@latest add https://aniui.dev/r/event-ticket.json
ExpandableView ui

Generic expand/collapse container with spring-driven width/height/corner-radius morphing and a slot API

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

Floating action button for primary screen actions

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

Radial fan menu that staggers labeled pill actions out from a FAB trigger, with tap-outside-to-dismiss backdrop and per-item blur

npx shadcn@latest add https://aniui.dev/r/fan-menu.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
FillingStack ui

Vertically browsable card stack with fling gestures and a blur "filling" transition between cards

npx shadcn@latest add https://aniui.dev/r/filling-stack.json
FlexiButton ui

Adaptive-width pill button that springs open to reveal a label, with a dimension-change callback

npx shadcn@latest add https://aniui.dev/r/flexi-button.json
FlipCard ui

Tap-to-flip card with horizontal/vertical/depth 3D rotation, mid-flip glass blur, and haptic feedback

npx shadcn@latest add https://aniui.dev/r/flip-card.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
GooeyPopover ui

Skia gooey popover that morphs its trigger into the content panel

npx shadcn@latest add https://aniui.dev/r/gooey-popover.json
GooeySearchTabs ui

Skia gooey pill that morphs between a search bar and a tab switcher

npx shadcn@latest add https://aniui.dev/r/gooey-search-tabs.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
Hamburger ui

Animated hamburger ⇄ close icon morph driven by a single progress value

npx shadcn@latest add https://aniui.dev/r/hamburger.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

Skia line chart with draw-on entrance, morph-on-data-change, and a scrubbing crosshair tooltip

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
Loader ui

Animated loading indicator — segmented comet-tail ring or bouncing dots

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

Email/password login with social sign-in

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

Infinite horizontal ticker for any content — reverse direction, tap-to-pause, and hold-to-speed-up

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

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

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

SwiftUI-style shared-element layout transition primitive — morphs one tagged view into another's position and size when they swap

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

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

npx shadcn@latest add https://aniui.dev/r/menubar.json
MobileDock ui

Finger-tracked fisheye dock — drag across icons to magnify the one under your touch, release to tap the nearest one

npx shadcn@latest add https://aniui.dev/r/mobile-dock.json
MorphFab ui

Skia gooey radial/directional FAB menu with staggered blob-merge spring animation

npx shadcn@latest add https://aniui.dev/r/morph-fab.json
MorphingTabBar ui

Segmented tab bar where each tab's own corner radii and spacing morph to split the active tab into a separated pill

npx shadcn@latest add https://aniui.dev/r/morphing-tabbar.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
PhotoStack ui

Overlapping stacked photos with a press-lift-and-straighten spring, and optional per-photo onPress

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

Skia pie/donut chart with grow-in sweep, data morphing, and drag-to-select slice push-out

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

Polaroid-style photo frame with a press-lift-and-straighten spring and optional washi-tape decoration

npx shadcn@latest add https://aniui.dev/r/polaroid.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
ProfileCard ui

Profile card with a cover image, overlapping avatar, location row, and a press-scale action button

npx shadcn@latest add https://aniui.dev/r/profile-card.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
QrCode ui

Real, scannable QR code behind an expand/collapse reveal with copy/close actions

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

Skia radar/spider chart with staggered grow-in, data morphing, and a drag-to-select axis tooltip

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

Skia concentric radial progress rings with grow-in, data morphing, and a drag-to-select tooltip

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
ReceiptCard ui

Tilted, torn-edge receipt card with dotted item leaders and a printed barcode

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

Themed pull-to-refresh control for ScrollView and FlatList

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

Animated odometer-style rolling number counter with motion-blur, squash/stretch, staggered digits, and correct wrap-around rollover

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

Styled SafeAreaView wrapper with theme variants

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

Idle → loading → success → done state-machine save button with animated phase transitions

npx shadcn@latest add https://aniui.dev/r/save-button.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
Shimmer ui

Content-aware skeleton with sweep/pulse variants, 4 directions, named color presets, and isLoading reveal

npx shadcn@latest add https://aniui.dev/r/shimmer.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
SocialButton ui

Branded social sign-in button with default Google/Apple/GitHub/X marks, outline/filled/ghost variants, and a press-scale spring

npx shadcn@latest add https://aniui.dev/r/social-button.json
SpinButton ui

Toggle button with a custom SVG arc spinner and crossfading label on press

npx shadcn@latest add https://aniui.dev/r/spin-button.json
Spinner ui

Loading spinner with sizes

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

Draggable, resizable top/bottom split pane with snap points and spring physics

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

Nested, depth-aware expandable chip menu — a trigger reveals further stacked chips

npx shadcn@latest add https://aniui.dev/r/stacked-chips.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
ThemeSwitch ui

Sun/moon icon-morph theme toggle with an optional full-screen circular wipe transition

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

Custom time picker with scroll wheels plus DateAndTimePicker (calendar + time)

npx shadcn@latest add https://aniui.dev/r/time-picker.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
Tray ui

Compound bottom-sheet/navigation-tray system with multi-view push/back navigation, draggable detents, and scroll hand-off

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

Animated typing dots for chat interfaces

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

Menu whose trigger unfolds into a full panel, its label morphing into the panel's title as it expands

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

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

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

Verified check badge with Name/Handle layout and palette overrides

npx shadcn@latest add https://aniui.dev/r/verified-badge.json
VerticalFlowCarousel ui

Vertical coverflow — cards scale, tilt, and fade as they scroll away from center, with a blur overlay on unfocused cards

npx shadcn@latest add https://aniui.dev/r/vertical-flow-carousel.json
VerticalPageCarousel ui

Full-bleed vertical pager — one card fills the screen at a time, neighbors scale/fade out, with a haptic tick on release

npx shadcn@latest add https://aniui.dev/r/vertical-page-carousel.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