Components

Vertically collapsing sections.

Inline alert with icon, title, description.

Confirm/cancel modal dialog (non-dismissable on backdrop).

Staggered entrance list (FlashList optional).

Shared pop-in/pop-out animated backdrop + content.

Top navigation bar with leading/back, title, and trailing actions.

Constrains children to a fixed width/height ratio.

Input with filtered dropdown suggestions.

Avatar + image + fallback with load-state handling.

Small status pill with tv() variants.

Quoted block with accent border and cite.

Tab bar with icon+label items.

Navigation breadcrumb row.

Pressable button with variant + size styles via tailwind-variants slots.

Attached or segmented group of buttons.

Responsive seven-column month/week calendar for single dates or ranges.

Card container with header/title/description/content/footer slots.

Snap-scrolling pager with round animated dots, optional arrows, autoPlay/autoPlayInterval and seamless boundary looping.

Skia-rendered charts: BarChart, LineChart, DonutChart + ChartLegend.

Conversation row: avatar, name, preview, time, unread badge.

Pressable checkbox with lucide check icon.

Compact tag/filter element with selected and removable states.

Animated SVG progress ring with determinate values and an indeterminate spinner.

Selectable monospace code with theme-aware lexical syntax colors for JS/TS/JSX/TSX, JSON and CSS, copy feedback, and a language badge; preserves exact source formatting.

Trigger + expandable content.

Searchable command palette modal.

Custom anchored long-press menu for secondary item actions; pair with a visible tap alternative (not an OS-native menu).

Sortable table built on table primitives (tap header to sort).

Input trigger opening a calendar modal.

Modal dialog with title/description/footer slots.

Edge slide-in panel with animated translate.

Anchored menu with items/labels/separators.

Placeholder for empty screens — icon, title, description, action.

Floating action button — sm/md/extended.

Field wrapper: label, description and error message context.

Translucent blur card (expo-blur with fallback).

Linear gradient container (expo-linear-gradient with fallback).

Flex-wrap grid with columns, gap and span items.

lucide-react-native icon wrapper with size/tone tokens.

Square icon-only button with variants.

Image with rounded variants, aspect ratio, fade-in and fallback.

Image grid with per-item span and title bars.

Styled TextInput with shadcn defaults.

Segmented one-time-code input over a hidden TextInput.

Form label text.

Text link with scheme-safe external opening.

FlatList group composing list-item + separators.

Row primitive: title, subtitle, leading, trailing, chevron.

Infinite horizontal scrolling content via RN Animated.

Multiline input row with send button.

Centered/bottom modal with compound content parts.

Page navigation with siblings + ellipsis.

Elevated surface — flat/elevated/outlined variants.

Anchored overlay via measureInWindow + Modal.

Anchor-positioned floating content with flip.

Pressable with feedback variants (opacity/highlight).

Animated determinate progress bar.

Context-based radio group + item.

Star rating input/display.

ScrollView wrapper with themed defaults.

iOS-style segmented option switcher.

Modal-based option picker (wave 1; anchor popover later).

Horizontal/vertical divider line.

Grouped settings list built on list-item.

Draggable bottom sheet with static backdrop, snap points, and safe-area insets.

Reduced-motion-aware pulsing placeholder.

PanResponder slider — no gesture-handler dep.

Transient bottom bar with optional action.

FAB expanding into labeled mini actions.

Flex stack with spacing tokens and optional dividers.

Horizontal step progress indicator with check states.

Animated toggle built on RN Animated (no reanimated dep).

Bottom tab bar with badges, icons and safe-area inset.

Flex-based table primitives.

Tab list/trigger/content with context.

Typography primitives with shadcn-style variants (h1-h4, p, lead, muted, blockquote, code).

Label + input + description/error composite.

Multiline TextInput.

Vertical timeline with dots, connectors and per-item content.

Provider + hook based transient notifications.

Two-state pressable.

Single/multiple toggle group.

Press/long-press anchored hint bubble.