Build your own component library.Beautiful, accessible React + Tailwind CSS components to copy & paste. Ready to customize in Subframe.
Browse components
Accordion
A great title for an alertDescribe what's happening in more detail.
Alert
Area Chart
A
Avatar
Badge
Badge
Bar Chart
BreadcrumbBreadcrumb
Breadcrumbs
Button
April 2025
SuMoTuWeThFrSa
Calendar
Checkbox
Checkbox Card
Label
Checkbox Group
Enabled
Hide
Wrap with stack
⌘G
Create component
View code
Copy
⌘C
Delete
⌘D
Context Menu
Copy to clipboard button
Dialog HeaderThis is the dialog description.
Dialog CTAs
Dialog
Drawer Header
Drawer Section
LabelValue
LabelValue
LabelValue
Drawer Section
LabelValue
LabelValue
LabelValue
Drawer CTA
Drawer
Favorite
Add
Edit
Delete
Dropdown Menu
New Account
New account transfers earn extraGet a bonus when you move your funds over
Name
Account Number
Routing Number
Account Type
Transfer Requirements
Fullscreen Dialog
Icon Button
Icon with background
Line Chart
Link Button
Loader
Pie Chart
Progress
Radio Card Group
Label
Radio Group
Select
Item
Item
Item
Section
Item
Item
Item
Section
Item
Item
Item
A
IrvinFounder
Sidebar with sections
Skeleton Circle
Skeleton Text
Slider
1
Create an account
2
Enter details
3
Start building!
Stepper
Switch
Name
Email
Role
John Walton
[email protected]
Engineering
Sarah Chandler
[email protected]
Design
Susan Best
[email protected]
Product
Table
Tab
Tab
Tab
Tabs
Text Area
Text Field
A toast messageAdditional details
Toast
Toggle Group
Tooltip
Tooltip
Overview
Installation
Theme
Components
Avatar
Button
Tabs
Forms
Checkbox
Radio
Text Field
Tree View
1
Create account
2
Invite team
3
Start building
Vertical Stepper