Accordion
A collapsible content panel for organizing information in a compact space, with single or multiple expansion modes and animated content transitions.
ExpoExpo Go
HeroUI Native
React Native components from HeroUI for Expo and bare apps: buttons, switches, sheets and dialogs, form fields, chips, avatars, toasts and skeletons, styled to feel native on iOS and Android and delivered through heroui-native.
39 published items
HeroUI
110 published items
Feedback
An inline status message with an indicator, title and description for important information, warnings, successes and errors.
ExpoExpo Go
Avatar
A user identity image with animated loading and fallbacks for initials, custom content or a default person icon.
ExpoExpo Go
Overlay
A modal panel that slides up from the bottom of the screen with snap points, scrollable content and swipe-to-dismiss gestures.
ExpoExpo Go
Button
HeroUI Native's button for Expo and bare React Native apps: solid, outline, ghost and danger looks in three sizes, with pressed-state feedback that feels native on iOS and Android.
ExpoExpo Go
A surface-based container with header, body, title, description and footer sections for presenting structured content and actions.
ExpoExpo Go
A selectable form control for toggling a checked state, with an animated default checkmark and disabled or invalid states.
ExpoExpo Go
Badge
A compact capsule-shaped element for short labels or custom content, with configurable size, color and visual treatment.
ExpoExpo Go
An icon-only button for closing dialogs and modals or dismissing content, with a ready-made close glyph and press styling.
ExpoExpo Go
A pressable form row that combines a label and description with a switch, checkbox or radio control while sharing disabled and validation state.
ExpoExpo Go
Muted supporting text for accessible form-field descriptions, helper copy and other secondary interface guidance.
ExpoExpo Go
Overlay
A centered modal overlay with trigger, backdrop and accessible title and description parts, plus animated drag-to-dismiss gestures.
ExpoExpo Go
Feedback
An animated validation message that appears for invalid form fields and automatically consumes surrounding field state.
ExpoExpo Go
A compound text-input layout with measured prefix and suffix slots that automatically make room for icons, labels or actions.
ExpoExpo Go
Input
A styled text-entry control for standalone use or composition inside a text field, with focus, disabled and invalid states.
ExpoExpo Go
A one-time-password entry control with individual character slots, focus management, validation and animated values and caret.
ExpoExpo Go
Accessible text for naming form fields and controls, with required indicators plus disabled and invalid visual states.
ExpoExpo Go
Button
An inline link-style pressable built from a ghost button, without highlight feedback and with button sizing and disabled behavior.
ExpoExpo GoText
A surface-based container for related pressable rows, with consistent prefix, title, description and trailing-content slots.
ExpoExpo Go
A floating action or context menu with positioned content, selectable items and groups, submenus and multiple presentation modes.
ExpoExpo Go
Overlay
A floating content panel anchored to a trigger, with placement, alignment, collision handling and optional outside-press overlay.
ExpoExpo Go
Feedback
A pressable interaction wrapper with composable scale, iOS-style highlight and Android-style ripple feedback animations.
ExpoExpo Go
A single-choice form control that manages a set of accessible radio options in horizontal or vertical layouts.
ExpoExpo Go
Background
A wrapper that adds dynamic gradient edge shadows to horizontal or vertical scrollable content based on overflow and scroll position.
ExpoExpo Go
A compound query input with a search icon, controlled value and a clear button that hides automatically when the field is empty.
ExpoExpo Go
Input
A button-triggered choice control that presents a list of options and manages the selected value for forms and filters.
ExpoExpo Go
Primitive
A horizontal or vertical divider line for visually separating content, with thin and thick treatments or custom thickness.
ExpoExpo GoOther
A coordinator for multiple skeleton placeholders that shares loading state and centralized animation settings across its items.
ExpoExpo Go
Loader
An animated loading placeholder that stands in for pending content with shimmer, pulse or animation-free treatments.
ExpoExpo Go
Input
A draggable input for selecting one value or a range within bounds, with horizontal or vertical tracks, fills, thumbs and formatted output.
ExpoExpo Go
Loader
A rotating loading indicator with configurable size and semantic color, plus support for a custom indicator icon.
ExpoExpo Go
Background
A foundational container that applies theme-aware backgrounds, padding and elevation levels to grouped content.
ExpoExpo Go
An animated on-off toggle with a sliding thumb, optional endpoint content and shared selected, disabled and invalid states.
ExpoExpo Go
A tabbed-view control with a managed selection, grouped triggers, animated indicators and content transitions.
ExpoExpo Go
A managed set of selectable tags with single or multiple selection, disabled items, empty states and optional removal controls.
ExpoExpo GoList
A multiline text-entry control for longer user input, usable alone or inside a text field with validation and helper content.
ExpoExpo Go
A complete form-field composition that coordinates a label, text input, helper description and validation error with shared state.
ExpoExpo Go
A typography primitive with semantic heading, body and inline-code presets plus alignment, color, weight and truncation controls.
ExpoExpo Go
Feedback
A temporary top- or bottom-of-screen notification with title, description, action and close parts plus animated swipe dismissal.
ExpoExpo GoOverlay