# HeroUI v3 Native Documentation > Documentation for HeroUI Native component library. HeroUI Native is a component library built on [Tailwind v4](https://tailwindcss.com/) via [Uniwind](https://uniwind.dev/) and modern mobile development technologies. Every component comes with smooth animations, polished details, and built-in accessibility—ready to use, fully customizable. **Key Features:** - Beautiful by default - Professional look out of the box - Accessible - Built with accessibility best practices - Flexible - Customizable components with predictable patterns - Developer-friendly - Fully typed APIs and excellent autocompletion ## Documentation Index ### Components - [All Components](https://v3.heroui.com/docs/native/components): Explore the full list of components available in HeroUI Native. More are on the way. - [Button](https://v3.heroui.com/docs/native/components/button): Interactive component that triggers an action when pressed. - [CloseButton](https://v3.heroui.com/docs/native/components/close-button): Button component for closing dialogs, modals, or dismissing content. - [Menu](https://v3.heroui.com/docs/native/components/menu): A floating context menu with positioning, selection groups, and multiple presentation modes. - [TagGroup](https://v3.heroui.com/docs/native/components/tag-group): A compound component for displaying and managing selectable tags with optional removal. - [Slider](https://v3.heroui.com/docs/native/components/slider): A draggable input for selecting a value or range within a bounded interval. - [Switch](https://v3.heroui.com/docs/native/components/switch): A toggle control that allows users to switch between on and off states. - [Chip](https://v3.heroui.com/docs/native/components/chip): Displays a compact element in a capsule shape. - [Alert](https://v3.heroui.com/docs/native/components/alert): Displays important messages and notifications to users with status indicators. - [SkeletonGroup](https://v3.heroui.com/docs/native/components/skeleton-group): Coordinates multiple skeleton loading placeholders with centralized animation control. - [Skeleton](https://v3.heroui.com/docs/native/components/skeleton): Displays a loading placeholder with shimmer or pulse animation effects. - [Spinner](https://v3.heroui.com/docs/native/components/spinner): Displays an animated loading indicator. - [Checkbox](https://v3.heroui.com/docs/native/components/checkbox): A selectable control that allows users to toggle between checked and unchecked states. - [ControlField](https://v3.heroui.com/docs/native/components/control-field): A field component that combines a label, description (or other content), and a control component (Switch or Checkbox) into a single pressable area. - [Description](https://v3.heroui.com/docs/native/components/description): Text component for providing accessible descriptions and helper text for form fields and other UI elements. - [FieldError](https://v3.heroui.com/docs/native/components/field-error): Displays validation error message content with smooth animations. - [InputGroup](https://v3.heroui.com/docs/native/components/input-group): A compound layout component that groups an input with optional prefix and suffix decorators. - [InputOTP](https://v3.heroui.com/docs/native/components/input-otp): Input component for entering one-time passwords (OTP) with individual character slots, animations, and validation support. - [Input](https://v3.heroui.com/docs/native/components/input): A text input component with styled border and background for collecting user input. - [Label](https://v3.heroui.com/docs/native/components/label): Text component for labeling form fields and other UI elements with support for required indicators and validation states. - [RadioGroup](https://v3.heroui.com/docs/native/components/radio-group): A set of radio buttons where only one option can be selected at a time. - [SearchField](https://v3.heroui.com/docs/native/components/search-field): A compound search input for filtering and querying content. - [Select](https://v3.heroui.com/docs/native/components/select): Displays a list of options for the user to pick from — triggered by a button. - [TextArea](https://v3.heroui.com/docs/native/components/text-area): A multiline text input component with styled border and background for collecting longer user input. - [TextField](https://v3.heroui.com/docs/native/components/text-field): A text input component with label, description, and error handling for collecting user input. - [Card](https://v3.heroui.com/docs/native/components/card): Displays a card container with flexible layout sections for structured content. - [Separator](https://v3.heroui.com/docs/native/components/separator): A simple line to separate content visually. - [Surface](https://v3.heroui.com/docs/native/components/surface): Container component that provides elevation and background styling. - [Avatar](https://v3.heroui.com/docs/native/components/avatar): Displays a user avatar with support for images, text initials, or fallback icons. - [Accordion](https://v3.heroui.com/docs/native/components/accordion): A collapsible content panel for organizing information in a compact space - [ListGroup](https://v3.heroui.com/docs/native/components/list-group): A Surface-based container that groups related list items with consistent layout and spacing. - [Tabs](https://v3.heroui.com/docs/native/components/tabs): Organize content into tabbed views with animated transitions and indicators. - [BottomSheet](https://v3.heroui.com/docs/native/components/bottom-sheet): Displays a bottom sheet that slides up from the bottom with animated transitions and swipe-to-dismiss gestures. - [Dialog](https://v3.heroui.com/docs/native/components/dialog): Displays a modal overlay with animated transitions and gesture-based dismissal. - [Popover](https://v3.heroui.com/docs/native/components/popover): Displays a floating content panel anchored to a trigger element with placement and alignment options. - [Toast](https://v3.heroui.com/docs/native/components/toast): Displays temporary notification messages that appear at the top or bottom of the screen. - [PressableFeedback](https://v3.heroui.com/docs/native/components/pressable-feedback): Container component that provides visual feedback for press interactions with automatic scale animation. - [ScrollShadow](https://v3.heroui.com/docs/native/components/scroll-shadow): Adds dynamic gradient shadows to scrollable content based on scroll position and overflow. ### Getting-started - [Introduction](https://v3.heroui.com/docs/native/getting-started): An open-source UI component library for building beautiful and accessible user interfaces. - [Animation](https://v3.heroui.com/docs/native/getting-started/animation): Add smooth animations and transitions to HeroUI Native components - [Colors](https://v3.heroui.com/docs/native/getting-started/colors): Color palette and theming system for HeroUI Native - [Composition](https://v3.heroui.com/docs/native/getting-started/composition): Build flexible UI with component composition patterns - [Portal](https://v3.heroui.com/docs/native/getting-started/portal) - [Provider](https://v3.heroui.com/docs/native/getting-started/provider): Configure HeroUI Native provider with text, animation, and toast settings - [Styling](https://v3.heroui.com/docs/native/getting-started/styling): Style HeroUI Native components with Tailwind or StyleSheet API - [Theming](https://v3.heroui.com/docs/native/getting-started/theming): Customize HeroUI Native's design system with CSS variables and global styles - [Design Principles](https://v3.heroui.com/docs/native/getting-started/design-principles): Core principles that guide HeroUI v3's design and development - [Quick Start](https://v3.heroui.com/docs/native/getting-started/quick-start): Get started with HeroUI Native in minutes - [Agent Skills](https://v3.heroui.com/docs/native/getting-started/agent-skills): Enable AI assistants to build mobile UIs with HeroUI Native components - [AGENTS.md](https://v3.heroui.com/docs/native/getting-started/agents-md): Download HeroUI Native documentation for AI coding agents - [LLMs.txt](https://v3.heroui.com/docs/native/getting-started/llms-txt): Enable AI assistants like Claude, Cursor, and Windsurf to understand HeroUI Native - [MCP Server](https://v3.heroui.com/docs/native/getting-started/mcp-server): Access HeroUI Native documentation directly in your AI assistant ### Releases - [Beta 10](https://v3.heroui.com/docs/native/releases/beta-10): Bottom Sheet component, PressableFeedback refactor, Animation API State Prop extension, use-theme-color multiple colors selection, and bug fixes. - [Beta 11](https://v3.heroui.com/docs/native/releases/beta-11): Enhanced Bottom Sheet close coordination, Dialog swipe-to-dismiss fixes, TextField improvements, and PortalHost export for advanced use cases - [Beta 12](https://v3.heroui.com/docs/native/releases/beta-12): InputOTP, Label, and Description components, Popover close fixes, controlled state improvements, border radius fixes, and variant style prop support - [Beta 13](https://v3.heroui.com/docs/native/releases/beta-13): TextArea component, Button outline variant, Tabs improvements, form component decomposition, popup animation refactor, style class exports, and critical bug fixes - [All Releases](https://v3.heroui.com/docs/native/releases): All updates and changes to HeroUI Native, including new features, fixes, and breaking changes. - [RC 1](https://v3.heroui.com/docs/native/releases/rc-1): Alert component, standalone Radio component, Select TriggerIndicator, HeroUINativeProviderRaw, disableFullWindowOverlay prop, styles prop expansion, theme surface refactor - [RC 2](https://v3.heroui.com/docs/native/releases/rc-2): SearchField, ListGroup, and Slider components, Select multi-selection mode, Button feedback API refactor, peer dependency relaxation - [RC 3](https://v3.heroui.com/docs/native/releases/rc-3): TagGroup, Menu, and InputGroup components, Bottom Sheet Android back press fix, Expo 55 compatibility - [RC 4](https://v3.heroui.com/docs/native/releases/rc-4): SubMenu component, Slider Output composition, PressableFeedback ripple fix, Bottom Sheet back handler fix