Copy. Paste. Ship.
Uniwind UI
shadcn/ui for React Native
Built on Uniwind. Styles precomputed at build time, 2.5x faster than alternatives. iOS, Android, Web.
Browse Components
Badge
Displays a badge or a component that looks like a badge.
Variants
Default
Secondary
Destructive
Outline
With Icon
Success
Error
Featured
Pending
Number Badges
8
99
20+
With Spinner
Loading
Syncing
Processing
As Child
Go Home
Button
Displays a button or a component that looks like a button.
Variants
Default
Secondary
Destructive
Outline
Ghost
Link
Sizes
Small
Default
Large
Icon Sizes
With Icon
New Branch
States
Disabled
Loading
As Child
Go to Docs
Card
Displays a card with header, content, and footer sections.
Login Form
Login to your account
Enter your email below to login to your account
Sign Up
Email
Password
Forgot your password?
Login
Login with Google
Notification Card
Notifications
You have 3 unread messages.
Your recent notifications will appear here.
View All
Dismiss
Subscribe Card
Subscribe
Get updates in your inbox.
Subscribe
Checkbox
A control that allows the user to toggle between checked and not checked.
States
Unchecked (click to toggle)
Checked (click to toggle)
Indeterminate
Disabled
Disabled unchecked
Disabled checked
With Description
Accept terms and conditions
You agree to our Terms of Service and Privacy Policy.
Checkbox Card
Enable notifications
You can enable or disable notifications at any time.
Input
Displays a form input field or a component that looks like an input.
Default
With Label
Email
Password
Password
With Button
Subscribe
Disabled
Label
Renders an accessible label associated with controls.
With Input
Email
With Checkbox
Accept terms and conditions
Styled
Required field *
Optional field
Select
Displays a list of options for the user to pick from.
Default
With Label
Favorite Fruit
Scrollable (Multiple Groups)
Disabled
Separator
Visually or semantically separates content.
Title + Navigation
Uniwind Primitives
An open-source UI component library.
Blog
Docs
Source
Horizontal
Content above
Content below
Vertical
Left
Center
Right
In List
Item One
Item Two
Item Three
Spinner
Displays a loading indicator to show that content is being loaded.
Sizes
Small
Large
Colors
Default
Primary
Destructive
In Button
Loading
Please wait
In Badge
Syncing
Updating
Processing
Text
A configurable Text component with font variant support.
Font Variants
Regular text
Bold text
Italic text
Bold italic text
Sizes
Extra small text
Small text
Base text
Large text
Extra large text
2XL text
Colors
Foreground
Muted foreground
Primary
Destructive
Textarea
Displays a form textarea or a component that looks like a textarea.
Default
With Label
Bio
With Text
Your Message
Your message will be copied to the support team.
With Button
Send message
Disabled
Built by Ray. The source code is available on GitHub.