Get Started
Components
Components
- Button
- Text
- Badge
- Avatar
- Card
- Separator
- Skeleton
- Aspect Ratio
- Input
- Textarea
- Label
- Checkbox
- Switch
- Radio Group
- Slider
- Select
- Input OTP
- Toggle
- Alert
- Toast
- Progress
- Spinner
- Empty
- Dialog
- Alert Dialog
- Sheet
- Drawer
- Popover
- Tooltip
- Dropdown Menu
- Accordion
- Collapsible
- Tabs
- Breadcrumb
- Pagination
- Table
- Carousel
- Calendar
- Bubble
- Marker
- Message
- Message Scroller
- GhostUIProvider
Components
43 components for React Native. Each page includes installation commands, usage examples, variants, and live previews.
Layout
Form
Input
FeaturedDisplays a form input with icons, helper text, password toggle, and keyboard-aware focus.
Textarea
Displays a form textarea or a component that looks like a textarea.
Label
Renders an accessible label associated with controls.
Checkbox
A control that allows the user to toggle between checked and not checked.
Switch
A control that allows the user to toggle between on and off.
Radio Group
A set of checkable buttons where only one can be checked at a time.
Slider
An input where the user selects a value from within a given range.
Select
Displays a list of options for the user to pick from—anchored below the trigger.
Input OTP
Accessible one-time password input with copy-paste support.
Toggle
A two-state button. Includes ToggleGroup and ToggleGroupItem for option sets.
Feedback
Overlay
Dialog
FeaturedA modal dialog overlaying the primary window. Close with the X button.
Alert Dialog
A modal dialog that interrupts the user with important content.
Sheet
Extends Dialog to display content that complements the main screen.
Drawer
A panel that slides in from the edge of the screen.
Popover
Displays rich content anchored to a trigger, below the button.
Tooltip
A popup that displays information related to an element on focus or hover.
Dropdown Menu
Displays a menu anchored to a trigger.
Navigation
Accordion
A vertically stacked set of interactive headings.
Collapsible
An interactive component which expands/collapses a panel.
Tabs
A set of layered sections of content—known as tab panels.
Breadcrumb
Displays the path to the current resource using a hierarchy of links.
Pagination
Pagination with page navigation, next and previous links.
Data Display
Button
FeaturedDisplays a pressable button or a component that looks like a button.
Text
Styled text primitive aligned with your theme tokens.
Badge
Displays a compact badge or label.
Avatar
An image element with a fallback for representing the user.
Table
A responsive table component.
Carousel
A carousel with motion and swipe support.
Calendar
A date field component that allows users to enter and edit date.