Components

76 production-ready components for React Native

Components

(1)
Button
Button
Clickable button component

Typography

(4)
Heading
Body text
Text
Typography and text styling
Heading
Heading
Semantic heading components
Code
Code
Display code snippets
Label
Label
Accessible form labels

Data Display

(15)
Card
Container for content
New
Active
Badge
Status indicators and labels
AB
CD
Avatar
User profile images
Progress
Progress indicators
Skeleton
Loading placeholders
Name
Status
Item 1
Active
Table
Data table component
Section 1-
Content...
Accordion
Expandable sections
Toggle
Hidden content
Collapsible
Single expand/collapse
Carousel
Horizontal scrolling carousel
Jan 2025
S
M
T
W
T
F
S
1
2
3
4
5
6
7
Calendar
Date calendar display
Chart
Data visualization charts
No data
EmptyState
Empty content placeholders
Revenue$12,345↑ 12%
StatsCard
Statistics display cards
Event 1Event 2
Timeline
Vertical event timeline
NameStatus
JohnActive
JanePending
1/3
DataTable
Advanced data table with sorting and filtering

Feedback

(6)
Alert message
Alert
Contextual feedback messages
Confirm?
No
Yes
AlertDialog
Confirmation dialogs
Toast message×
Toast
Temporary notifications
Close
Dialog
Modal dialogs
Spinner
Loading spinners
Note
Info here
Callout
Highlighted information blocks

Overlay

(8)
Action 1
Action 2
ActionSheet
iOS-style action menu
Search...
Command
Command palette / combobox
Copy
Paste
Delete
ContextMenu
Long-press triggered menu
Options
Dropdown
Dropdown menus
Hover me
Preview card
HoverCard
Hover preview cards
?
Info
Popover
Floating content
?
Tooltip
Tooltip
Helpful hints
Sheet
Bottom sheets

Form

(16)
Checkbox
Checkbox controls
Select...
Combobox
Searchable selection dropdown
Jan 19, 2025
DatePicker
Calendar date selection
Jan 1-Jan 15
DateRangePicker
Date range selection
Enter text...
Input
Text input fields
09:30 AM
TimePicker
Time selection dropdown
1
2
OTPInput
Verification code input
A
B
RadioGroup
Radio button group
Option 1
Select
Selection dropdowns
Slider
Range slider input
Switch
Toggle switches
Enter message...
Textarea
Multi-line text input
Name
Enter your name
Form
Form validation and layout
Drop files
FileUpload
File upload with drag and drop
B
I
U
Start writing...
Editor
Rich text editor
ReactVue+2
MultiSelect
Multiple selection input

Navigation

(9)
Tab 1
Tab 2
Tab 3
Tabs
Tabbed content navigation
Home/Docs/Page
Breadcrumb
Navigation path display
<
1
2
3
>
Pagination
Page navigation controls
Link text
Link
Styled navigation links
File
Edit
View
Menubar
Horizontal menu bar
HomeProductsAbout
NavigationMenu
Site navigation dropdowns
Home
Users
Settings
Sidebar
Collapsible side navigation
Logo
HomeAbout
Navbar
Top navigation bar
Dock
macOS-style dock with magnification

Layout

(10)
16:9
AspectRatio
Maintain aspect ratio
Container
Container
Centered max-width wrapper
Flex
Flexbox container
Grid
Grid layout system
ScrollArea
Custom scrollable container
or
Separator
Visual divider line
Spacer
Empty space utility
BentoGrid
Bento-style grid layout
ResizablePanels
Resizable split panel layout
Masonry
Pinterest-style staggered grid

Marketing

(7)
Hero
Landing page hero sections
FeatureGrid
Feature showcase grid
PricingTable
Pricing plan comparison
"
Testimonial
Customer testimonials
CTA
Call-to-action sections
Footer
Website footer component
Announcement
Top announcement banner