---
name: "@aniui"
slug: "aniui"
description: "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."
category: "Animated components"
tags: ["accessibility", "ai", "animation", "audio", "auth", "backgrounds", "blocks", "buttons", "cards", "charts", "dashboard", "forms", "loaders", "media", "mobile", "navigation", "onboarding", "overlays", "pro-available", "tables", "theming"]
framework: "react"
license: "MIT"
author: "anishlp7"
website: "https://aniui.dev"
github: "https://github.com/anishlp7/aniui"
registry: "https://aniui.dev/registry.json"
pro: true
pro_url: "https://pro.aniui.dev/"
github_stars: 71
component_count: 118
generated_at: "2026-07-28T08:00:50.948Z"
---

# @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.

## Links

- Website: https://aniui.dev
- GitHub: https://github.com/anishlp7/aniui
- Registry JSON: https://aniui.dev/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/aniui
- This file: https://sh4dcn.vercel.app/md/aniui.md
- Pro / pricing: https://pro.aniui.dev/

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://aniui.dev/registry.json
pnpm dlx shadcn@latest add https://aniui.dev/registry.json
bunx shadcn@latest add https://aniui.dev/registry.json
# clone the source repo
git clone https://github.com/anishlp7/aniui.git
# fetch the raw registry index
curl -s https://aniui.dev/registry.json
```

## Components (118)

| name | type | description | install |
| --- | --- | --- | --- |
| accordion | registry:ui | Expandable content sections | `npx shadcn@latest add https://aniui.dev/r/accordion.json` |
| action-sheet | registry:ui | Action sheet with options | `npx shadcn@latest add https://aniui.dev/r/action-sheet.json` |
| alert | registry:ui | Alert message with variants | `npx shadcn@latest add https://aniui.dev/r/alert.json` |
| alert-dialog | registry:ui | Confirmation dialog with actions | `npx shadcn@latest add https://aniui.dev/r/alert-dialog.json` |
| animate | registry:ui | Animation presets, spring configs, easing, and hooks for Reanimated 4 | `npx shadcn@latest add https://aniui.dev/r/animate.json` |
| area-chart | registry:ui | SVG area chart with gradient fill and grid | `npx shadcn@latest add https://aniui.dev/r/area-chart.json` |
| aspect-ratio | registry:ui | Constrains children to a fixed width/height ratio | `npx shadcn@latest add https://aniui.dev/r/aspect-ratio.json` |
| avatar | registry:ui | User avatar with image and fallback | `npx shadcn@latest add https://aniui.dev/r/avatar.json` |
| avatar-group | registry:ui | Overlapping avatar stack with max count and +N overflow bubble | `npx shadcn@latest add https://aniui.dev/r/avatar-group.json` |
| badge | registry:ui | Small status indicator | `npx shadcn@latest add https://aniui.dev/r/badge.json` |
| banner | registry:ui | Full-width notification banner with variants and dismiss | `npx shadcn@latest add https://aniui.dev/r/banner.json` |
| bar-chart | registry:ui | Vertical and horizontal bar chart | `npx shadcn@latest add https://aniui.dev/r/bar-chart.json` |
| bottom-sheet | registry:ui | Bottom sheet overlay | `npx shadcn@latest add https://aniui.dev/r/bottom-sheet.json` |
| bottom-tabs | registry:block | Bottom tab navigation bar with active state indicators | `npx shadcn@latest add https://aniui.dev/r/bottom-tabs.json` |
| breadcrumb | registry:ui | Navigation trail: Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator | `npx shadcn@latest add https://aniui.dev/r/breadcrumb.json` |
| button | registry:ui | A pressable button with variants | `npx shadcn@latest add https://aniui.dev/r/button.json` |
| calendar | registry:ui | Month calendar with single and range selection | `npx shadcn@latest add https://aniui.dev/r/calendar.json` |
| card | registry:ui | Card container with header, content, footer | `npx shadcn@latest add https://aniui.dev/r/card.json` |
| carousel | registry:ui | Horizontal scrollable carousel with pagination dots | `npx shadcn@latest add https://aniui.dev/r/carousel.json` |
| chart-tooltip | registry:ui | Tooltip overlay for chart data points | `npx shadcn@latest add https://aniui.dev/r/chart-tooltip.json` |
| chat | registry:block | Messaging screen with chat bubbles and input bar | `npx shadcn@latest add https://aniui.dev/r/chat.json` |
| chat-bubble | registry:ui | Message bubble for chat with sent/received variants and status | `npx shadcn@latest add https://aniui.dev/r/chat-bubble.json` |
| checkbox | registry:ui | Checkbox with checked state | `npx shadcn@latest add https://aniui.dev/r/checkbox.json` |
| chip | registry:ui | Interactive tag for filters and multi-select | `npx shadcn@latest add https://aniui.dev/r/chip.json` |
| collapsible | registry:ui | Animated show/hide content | `npx shadcn@latest add https://aniui.dev/r/collapsible.json` |
| combobox | registry:ui | Searchable select with multi-select, groups, clear, and custom rendering | `npx shadcn@latest add https://aniui.dev/r/combobox.json` |
| command-menu | registry: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` |
| connection-banner | registry:ui | Animated banner showing online/offline connection status | `npx shadcn@latest add https://aniui.dev/r/connection-banner.json` |
| context-menu | registry:ui | Long-press context menu with items and separators | `npx shadcn@latest add https://aniui.dev/r/context-menu.json` |
| data-table | registry:ui | Sortable, filterable data table with pagination and custom cell rendering | `npx shadcn@latest add https://aniui.dev/r/data-table.json` |
| date-picker | registry:ui | Date picker with calendar popup and range support | `npx shadcn@latest add https://aniui.dev/r/date-picker.json` |
| dialog | registry:ui | Modal dialog overlay | `npx shadcn@latest add https://aniui.dev/r/dialog.json` |
| direction-provider | registry:ui | RTL/LTR direction context with I18nManager integration | `npx shadcn@latest add https://aniui.dev/r/direction-provider.json` |
| drawer | registry:ui | Slide-in side navigation panel | `npx shadcn@latest add https://aniui.dev/r/drawer.json` |
| drawer-nav | registry:block | Side drawer with user profile and icon-labeled navigation | `npx shadcn@latest add https://aniui.dev/r/drawer-nav.json` |
| dropdown-menu | registry:ui | Dropdown menu with items, separators, and destructive actions | `npx shadcn@latest add https://aniui.dev/r/dropdown-menu.json` |
| empty-state | registry:ui | Placeholder for empty screens and error states | `npx shadcn@latest add https://aniui.dev/r/empty-state.json` |
| fab | registry:ui | Floating action button for primary screen actions | `npx shadcn@latest add https://aniui.dev/r/fab.json` |
| field | registry:ui | Layout-focused form field with label, description, and error | `npx shadcn@latest add https://aniui.dev/r/field.json` |
| file-picker | registry:ui | File upload UI with dashed border, preview, and remove button | `npx shadcn@latest add https://aniui.dev/r/file-picker.json` |
| forgot-password | registry:block | Password reset flow with email input and confirmation | `npx shadcn@latest add https://aniui.dev/r/forgot-password.json` |
| form | registry:ui | Form context with validation, error handling, and compound components | `npx shadcn@latest add https://aniui.dev/r/form.json` |
| gradient | registry:ui | Linear gradient view with configurable colors and direction | `npx shadcn@latest add https://aniui.dev/r/gradient.json` |
| grid | registry:ui | FlatList-based grid layout with configurable columns and gap | `npx shadcn@latest add https://aniui.dev/r/grid.json` |
| header | registry:ui | Navigation header with back button, title, and right actions | `npx shadcn@latest add https://aniui.dev/r/header.json` |
| home | registry:block | Dashboard home with greeting, quick actions, stats, and activity | `npx shadcn@latest add https://aniui.dev/r/home.json` |
| hover-card | registry:ui | Preview content card triggered by hover or long-press | `npx shadcn@latest add https://aniui.dev/r/hover-card.json` |
| image | registry:ui | Image with loading placeholder, error fallback, and rounded variants | `npx shadcn@latest add https://aniui.dev/r/image.json` |
| image-gallery | registry:ui | Horizontal image carousel with fullscreen modal and pagination | `npx shadcn@latest add https://aniui.dev/r/image-gallery.json` |
| infinite-list | registry:ui | FlatList with auto-loading more items on scroll | `npx shadcn@latest add https://aniui.dev/r/infinite-list.json` |
| input | registry:ui | Text input with variants and states | `npx shadcn@latest add https://aniui.dev/r/input.json` |
| input-group | registry:ui | Compose inputs with addons, buttons, text, and focus-aware container | `npx shadcn@latest add https://aniui.dev/r/input-group.json` |
| input-otp | registry:ui | One-time password input with individual cells | `npx shadcn@latest add https://aniui.dev/r/input-otp.json` |
| kbd | registry:ui | Keyboard key display with grouping and separator | `npx shadcn@latest add https://aniui.dev/r/kbd.json` |
| keyboard-view | registry:ui | Keyboard-avoiding wrapper so forms stay visible above the keyboard | `npx shadcn@latest add https://aniui.dev/r/keyboard-view.json` |
| label | registry:ui | Form field label | `npx shadcn@latest add https://aniui.dev/r/label.json` |
| labeled-separator | registry:ui | Horizontal separator with centered text label | `npx shadcn@latest add https://aniui.dev/r/labeled-separator.json` |
| line-chart | registry:ui | Multi-series line chart with data points | `npx shadcn@latest add https://aniui.dev/r/line-chart.json` |
| list | registry:ui | Styled list items | `npx shadcn@latest add https://aniui.dev/r/list.json` |
| login | registry:block | Email/password login with social sign-in | `npx shadcn@latest add https://aniui.dev/r/login.json` |
| masked-input | registry:ui | Text input with mask formatting for credit cards, phones, dates | `npx shadcn@latest add https://aniui.dev/r/masked-input.json` |
| menubar | registry:ui | Horizontal menu bar with dropdown menus: Menubar, MenubarMenu, MenubarItem | `npx shadcn@latest add https://aniui.dev/r/menubar.json` |
| notifications | registry:block | Grouped notifications list with unread indicators | `npx shadcn@latest add https://aniui.dev/r/notifications.json` |
| number-input | registry:ui | Numeric input with increment/decrement buttons and min/max | `npx shadcn@latest add https://aniui.dev/r/number-input.json` |
| onboarding | registry:block | Welcome carousel with step indicators and skip option | `npx shadcn@latest add https://aniui.dev/r/onboarding.json` |
| pagination | registry:ui | Page navigation with numbered buttons and prev/next | `npx shadcn@latest add https://aniui.dev/r/pagination.json` |
| password-input | registry:ui | Password input with show/hide toggle and strength indicator | `npx shadcn@latest add https://aniui.dev/r/password-input.json` |
| phone-input | registry:ui | Phone number input with country code selector | `npx shadcn@latest add https://aniui.dev/r/phone-input.json` |
| pie-chart | registry:ui | Pie and donut chart with segments | `npx shadcn@latest add https://aniui.dev/r/pie-chart.json` |
| popover | registry:ui | Contextual overlay with trigger positioning | `npx shadcn@latest add https://aniui.dev/r/popover.json` |
| price | registry:ui | Formatted currency display with locale and strikethrough support | `npx shadcn@latest add https://aniui.dev/r/price.json` |
| pricing | registry:block | Subscription plan selector with monthly/yearly toggle | `npx shadcn@latest add https://aniui.dev/r/pricing.json` |
| product-detail | registry:block | Product detail with size selector, quantity picker, and CTA | `npx shadcn@latest add https://aniui.dev/r/product-detail.json` |
| product-list | registry:block | E-commerce product grid with category filters and wishlist | `npx shadcn@latest add https://aniui.dev/r/product-list.json` |
| profile | registry:block | User profile with avatar, stats, menu items, and log out | `npx shadcn@latest add https://aniui.dev/r/profile.json` |
| progress | registry:ui | Progress bar | `npx shadcn@latest add https://aniui.dev/r/progress.json` |
| progress-steps | registry:ui | Multi-step progress indicator for wizards and onboarding | `npx shadcn@latest add https://aniui.dev/r/progress-steps.json` |
| prompt-input | registry: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` |
| radar-chart | registry:ui | Radar/spider chart with polygon grid | `npx shadcn@latest add https://aniui.dev/r/radar-chart.json` |
| radial-chart | registry:ui | Circular radial progress chart | `npx shadcn@latest add https://aniui.dev/r/radial-chart.json` |
| radio-group | registry:ui | Radio button group | `npx shadcn@latest add https://aniui.dev/r/radio-group.json` |
| rating | registry:ui | Star rating with interactive and read-only modes | `npx shadcn@latest add https://aniui.dev/r/rating.json` |
| refresh-control | registry:ui | Themed pull-to-refresh control for ScrollView and FlatList | `npx shadcn@latest add https://aniui.dev/r/refresh-control.json` |
| safe-area | registry:ui | Styled SafeAreaView wrapper with theme variants | `npx shadcn@latest add https://aniui.dev/r/safe-area.json` |
| search | registry:block | Search screen with recent searches, trending, and live results | `npx shadcn@latest add https://aniui.dev/r/search.json` |
| search-bar | registry:ui | Search input with icon, clear button, and cancel | `npx shadcn@latest add https://aniui.dev/r/search-bar.json` |
| segmented-control | registry:ui | iOS-style segmented control for view switching | `npx shadcn@latest add https://aniui.dev/r/segmented-control.json` |
| select | registry:ui | Dropdown select with search support | `npx shadcn@latest add https://aniui.dev/r/select.json` |
| separator | registry:ui | Visual divider | `npx shadcn@latest add https://aniui.dev/r/separator.json` |
| settings | registry:block | Settings screen with toggles, navigation rows, and danger zone | `npx shadcn@latest add https://aniui.dev/r/settings.json` |
| sidebar | registry:ui | Collapsible animated side navigation panel: SidebarProvider, Sidebar, SidebarTrigger, useSidebar | `npx shadcn@latest add https://aniui.dev/r/sidebar.json` |
| signup | registry:block | Registration with name, email, password, and terms checkbox | `npx shadcn@latest add https://aniui.dev/r/signup.json` |
| skeleton | registry:ui | Animated loading placeholder | `npx shadcn@latest add https://aniui.dev/r/skeleton.json` |
| slide-to-confirm | registry: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 | registry:ui | Draggable slider for numeric values | `npx shadcn@latest add https://aniui.dev/r/slider.json` |
| spinner | registry:ui | Loading spinner with sizes | `npx shadcn@latest add https://aniui.dev/r/spinner.json` |
| stat-card | registry:ui | KPI display card with value, trend indicator, and change percentage | `npx shadcn@latest add https://aniui.dev/r/stat-card.json` |
| status-indicator | registry:ui | Colored dot for online/offline/away/busy status | `npx shadcn@latest add https://aniui.dev/r/status-indicator.json` |
| stepper | registry:ui | Numeric increment/decrement control with min/max/step | `npx shadcn@latest add https://aniui.dev/r/stepper.json` |
| streaming-text | registry:ui | Typewriter-style streaming AI response text with a blinking cursor | `npx shadcn@latest add https://aniui.dev/r/streaming-text.json` |
| swipe-deck | registry:ui | Tinder-style swipeable card stack with fling physics and swipe callbacks | `npx shadcn@latest add https://aniui.dev/r/swipe-deck.json` |
| swipeable-list-item | registry:ui | Swipeable list item revealing action buttons on swipe | `npx shadcn@latest add https://aniui.dev/r/swipeable-list-item.json` |
| switch | registry:ui | Toggle switch | `npx shadcn@latest add https://aniui.dev/r/switch.json` |
| tab-bar | registry:ui | Bottom tab bar with badge support and active states | `npx shadcn@latest add https://aniui.dev/r/tab-bar.json` |
| table | registry:ui | Data table with header, body, rows, and cells | `npx shadcn@latest add https://aniui.dev/r/table.json` |
| tabs | registry:ui | Tab navigation with filled/line variants, sizes, vertical, disabled, and icon support | `npx shadcn@latest add https://aniui.dev/r/tabs.json` |
| text | registry:ui | Typography with heading and body variants | `npx shadcn@latest add https://aniui.dev/r/text.json` |
| textarea | registry:ui | Multi-line text input | `npx shadcn@latest add https://aniui.dev/r/textarea.json` |
| theme | registry: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` |
| theme-provider | registry:ui | Theme context provider with light/dark/system mode and toggle | `npx shadcn@latest add https://aniui.dev/r/theme-provider.json` |
| timeline | registry:ui | Vertical timeline for events, order tracking, activity feeds | `npx shadcn@latest add https://aniui.dev/r/timeline.json` |
| toast | registry: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 | registry:ui | Two-state toggle button | `npx shadcn@latest add https://aniui.dev/r/toggle.json` |
| toggle-group | registry:ui | Group of exclusive toggle buttons | `npx shadcn@latest add https://aniui.dev/r/toggle-group.json` |
| tooltip | registry:ui | Accessible tooltip with positioning | `npx shadcn@latest add https://aniui.dev/r/tooltip.json` |
| typing-indicator | registry:ui | Animated typing dots for chat interfaces | `npx shadcn@latest add https://aniui.dev/r/typing-indicator.json` |
| utils | registry:lib | Tailwind class-merge helper (clsx + tailwind-merge). | `npx shadcn@latest add https://aniui.dev/r/utils.json` |
| waveform | registry:ui | Audio waveform bars — driven by real amplitude levels, with an ambient recording fallback | `npx shadcn@latest add https://aniui.dev/r/waveform.json` |

## For AI agents

```text
You are adding components from @aniui to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/aniui.md) for the component list.
2. Fetch the machine-readable index: https://aniui.dev/registry.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.vercel.app/json (library slug: aniui).
```