All components

Flex layout primitive with token-aware spacing.

• Token-aware padding/margin
• Theme-bound colors

Vertical / horizontal stack with gap tokens.

• VStack / HStack
• Gap via spacing tokens

Typography primitive bound to theme variants.

• 10 type variants
• Auto dark/light color

Display & headline typography with semantic levels.

• h1-h6 semantic levels
• Letter-spacing tuned

Hairline separator with inset variants.

• Horizontal / vertical
• Inset left/right

Native press-scale with reduce-motion support.

• Reanimated spring
• Haptic feedback opt-in

Auto-scrolling text when content overflows.

• Overflow detection
• Configurable speed

Compact progress / pagination indicator.

• Active dot scale
• Configurable count

Uppercase section label for grouped lists.

• Auto uppercase
• Muted theme color

Primary, secondary, ghost & destructive variants with glow accent.

• 6 variants
• 3 sizes (sm/md/lg)
• Loading spinner
• Haptic press

Compact tappable icon target with hit-slop.

• Auto hit-slop
• Badge support

Themed text input with label, helper & error states.

• Label + error + helper
• Focus border animation
• Required asterisk

Multi-line input with auto-grow.

• Auto-grow height
• Character counter

Inline prompt field used in chat-like flows.

• Send button slot
• Chat-ready layout

Sheet-backed select with searchable options.

• BottomSheet picker
• Search filtering
• Multi-select

Search field with clear & cancel affordances.

• Clear button
• Cancel animation

Accessible checkbox with indeterminate state.

• Indeterminate state
• Label slot

Radio group primitive.

• Group context
• Controlled/uncontrolled

Platform-accurate toggle switch.

• iOS / Android native feel
• Custom colors

Filter, selection & tag chip shapes.

• Close icon
• Selected state

Numeric & dot badges for counts & status.

• Numeric / dot mode
• Color variants

Image / initials avatar with size tokens.

• 4 sizes (sm-xl)
• Auto initials from name
• Contrast text

Surface container with elevation variants.

• Elevation levels
• Pressable option

Grouped content block with optional header.

• Header + footer slots
• Inset dividers

Sticky list header with title, action & transform.

• Sticky scroll
• Action button slot

Row primitive with leading, trailing & subtitle slots.

• Leading/trailing slots
• Subtitle + chevron

Grouped list container with inset dividers.

• Auto dividers
• Section header

List row with trailing Switch control.

• Switch built-in
• Settings-ready

Settings-shaped row with icon & chevron.

• Icon + chevron
• Subtitle slot

Navigation bar with custom render & stacked titles.

• Large title collapse
• Back button slot

Centered modal with backdrop & dismiss.

• Backdrop dismiss
• Animated entry

Gesture-driven sheet with snap points.

• Reanimated slide
• Header/Body/Footer compound
• Dismissable

Imperative toast facade with variants & positions.

• 5 variants
• Top/bottom position
• Action button
• Auto-dismiss

Activity indicator tied to theme accent.

• Theme accent color
• Size tokens

Shimmer placeholder with `.Card` preset.

• Shimmer animation
• Card preset shape

Determinate & indeterminate progress.

• Determinate / indeterminate
• Animated fill

Empty / error / success state template.

• Icon + title + CTA
• 3 state types

Resilient boundary with reset keys & HOC.

• Reset keys
• Fallback render
• withErrorBoundary HOC

Celebratory confetti burst overlay.

• Particle count
• Trigger API

iOS-style bottom tab bar with safe-area inset handling.

• Safe-area inset
• 2-5 tabs
• Badge slot
• Haptic select

Live-updating countdown to a target date with segmented display.

• Days / hours / minutes / seconds
• Expired state
• Localizable labels

Metric tile with value, delta and trend tone.

• Positive / negative / neutral tones
• Delta arrow
• Compact & regular sizes

Safe-area aware screen wrapper.

• Safe area insets
• Scroll option