REACT-NATIVES
WIRED FOR SPEED
react-natives v2.0.14
Theme
Light
Dark
Get Started
Menu
Components
All Components
80+ responsive components built for React Native with NativeWind.
S
All
Core Primitives
Layout
Form Controls
Feedback & Overlay
Navigation
Data Display
Disclosure
Utility
T
Text
A typographic component for rendering text with built-in size, weight, and decoration variants.
H
Heading
A semantic heading component for section titles, with size variants that map to appropriate typographic scales.
I
Icon
A wrapper component for rendering icon elements from any icon library via the `as` prop.
D
Divider
A visual separator that divides content into distinct sections, supporting horizontal and vertical orientations.
B
Badge
A compound component for displaying short status labels, counts, or tags with semantic color and variant options.
S
Spinner
An animated loading indicator to communicate that an operation is in progress.
I
Image
A styled image component with built-in size presets and border-radius options, requiring an accessible alt label.
A
Avatar
A compound component for displaying user profile images, initials fallback, online badges, and grouped avatar stacks.
C
Card
A compound container component with header, body, and footer sections for grouping related content.
B
Button
A compound interactive button component with text, icon, and spinner sub-components, supporting multiple actions, variants, and sizes.
F
FormControl
A compound wrapper that provides shared state (disabled, invalid, required, read-only) to its label, helper text, and error message children.
I
Input
A compound text input component with support for leading/trailing slots, icons, and multiple visual variants.
T
Textarea
A multi-line text input with variant and size options, built on top of React Native TextInput.
S
Switch
A toggle switch for boolean on/off states with customizable track and thumb colors.
C
Checkbox
A compound checkbox component supporting individual and grouped selection with indicator, icon, and label sub-components.
R
Radio
A compound radio button component for single-selection within a group, with indicator, icon, and label sub-components.
S
Slider
A compound range slider component with track, filled track, and thumb sub-components for selecting numeric values.
S
Select
A compound dropdown select component with trigger, portal-based content, search filtering, single-select, and multi-select badge support.
A
Alert
A compound feedback component for displaying contextual messages with status-based styling, optional icons, and close buttons.
P
Progress
A compound progress bar component that visually indicates the completion percentage of an operation.
L
Link
A pressable link component for in-app and external navigation with accessible text styling.
M
Modal
A compound overlay dialog component with backdrop, content, header, body, footer, and close button sub-components.
T
Toast
A compound notification component for displaying brief, auto-dismissing messages via ToastProvider and the useToast hook.
T
Tooltip
A popup component that displays informational text when a trigger element is pressed or long-pressed.
D
Drawer
A compound slide-in panel component with backdrop, content, header, body, footer, and close button, supporting four placement directions.
A
ActionSheet
A compound bottom-sheet component that slides up from the bottom of the screen with a drag indicator, selectable items, and backdrop.
T
Tabs
A compound tabbed interface component with tab list, individual tabs, and content panels for organizing content into switchable views.
A
Accordion
A compound collapsible content component supporting single or multiple expanded items, with trigger, title, icon, and content sub-components.
B
Breadcrumb
A compound navigation component that displays the current page location within a hierarchy using linked trail items.
F
Fab
A floating action button component that stays fixed at a screen corner with icon and optional label sub-components.
C
Calendar
A full-featured calendar component supporting day, week, and month time ranges with horizontal and vertical layouts, team member columns, and event rendering.
B
Box
A styled View wrapper that accepts className for NativeWind utility classes.
S
Stack / VStack / HStack
Flex layout components for arranging children vertically (VStack), horizontally (HStack), or in a configurable direction (Stack).
C
Center
A layout component that centers its children both horizontally and vertically.
A
AspectRatio
Maintains a consistent width-to-height ratio for its child content.
P
Pressable
A styled pressable wrapper with built-in press and hover state styles.
C
Container
A centered, max-width constrained container for page-level content.
P
Portal
Renders children into a separate native view outside the parent component tree.
V
VisuallyHidden
Hides content visually while keeping it accessible to screen readers.
T
Tag
A compound component for displaying categorized labels with optional icons and close buttons.
S
Skeleton
An animated placeholder that mimics the shape of content while it loads.
E
Empty
A compound component for displaying empty state messages with optional icon, title, description, and action.
S
Stat
A compound component for displaying statistics with a label, number, help text, and trend arrow.
K
Kbd
Displays a keyboard shortcut or key combination.
C
Code / CodeBlock
Displays inline code snippets or multi-line code blocks.
B
Blockquote
A styled quotation block with a left border accent.
C
CircularProgress
A circular progress indicator showing completion percentage.
T
Timeline
Displays a chronological sequence of events with dots and connectors.
T
Table
A compound table component for displaying structured tabular data.
D
DataGrid
A virtualized spreadsheet-style grid for lazy, editable, selectable, and customizable data sets.
L
List
A compound list component for displaying ordered or unordered items.
C
Carousel
A swipeable content carousel with navigation controls and indicator dots.
I
IconButton
A button designed for icon-only actions without text.
T
Toggle
A pressable button that toggles between on and off states.
T
ToggleGroup
A group of toggle buttons where one or multiple can be selected.
C
Collapsible
A disclosure component that shows/hides content with a trigger.
O
Overlay
A full-screen semi-transparent backdrop for overlaying content.
A
AlertDialog
A modal dialog for important confirmations that requires explicit user action.
P
Popover
A positioned overlay that appears relative to a trigger element.
S
Snackbar
A brief notification bar with an optional action button.
M
Menu
A dropdown menu triggered by a button or other element.
P
Pagination
Navigation controls for paging through content.
S
Stepper
A multi-step progress indicator showing completion through sequential steps.
S
SegmentedControl
A horizontal set of two or more segments for switching between views.
N
NumberInput
A numeric input with increment and decrement buttons.
P
PasswordInput
A text input with a visibility toggle for password entry.
S
SearchInput
A text input with a search icon and clear button for search functionality.
R
Rating
An interactive star rating component for collecting user feedback.
T
TagsInput
A text input that produces tag chips, useful for entering multiple values.
D
DatePicker
A date selection component with a trigger input and calendar content.
P
PinInput
A multi-field input for entering PIN codes or OTP verification codes.
C
ColorPicker
A color selection component with swatches, preview, and hex input.
S
SearchablePicker
A compact searchable option picker with grouped rows, free-text creation, and selected-value display.
E
EmojiPicker
A small selectable emoji grid for visual labels and category icons.
S
SelectionBar
A bottom action bar for bulk-selection workflows.
F
FormDrawer
A right-side drawer shell with header, scroll body, and save/cancel footer actions.
F
FormWizard
A multi-step form wrapper with progress, navigation, save-exit, and completion actions.
C
ConfirmDialog
A confirmation dialog and promise-based hook for destructive or important actions.
F
FieldReconciler
A field-by-field reconciliation surface for choosing from competing detected values.
V
ViewToggle
An icon-friendly segmented control for switching between display modes.
React-Natives
A comprehensive React Native component library.
Documentation
Getting Started
Components
Theming
Pro
Community
GitHub
Discord
Twitter
Blog
Support
FAQ
Contact
Contributing
License
© 2026 React-Natives. Wired by WireServers-UI.