Overview
Theme
Icons
Installation
Quickstart
Components
Accordion
Alert
Area Chart
Avatar
Badge
Bar Chart
Breadcrumbs
Button
Calendar
Checkbox
Checkbox Card
Checkbox Group
Context Menu
Copy to clipboard button
Dialog
Dialog Layout
Drawer
Drawer Layout
Dropdown Menu
Fullscreen Dialog
Icon Button
Icon with background
Line Chart
Link Button
Loader
Pie Chart
Progress
Radio Card Group
Radio Group
Select
Sidebar with sections
Skeleton Circle
Skeleton Text
Slider
Stepper
Switch
Table
Tabs
Text Area
Text Field
Toast
Toggle Group
Tooltip
Tree View
Vertical Stepper
Build your own component library.Beautiful, accessible React + Tailwind CSS components to copy & paste. Ready to customize in Subframe.
Browse components
Accordion header
A great title for an alertDescribe what's happening in more detail.
A
Badge
BreadcrumbBreadcrumb
December 2024
| Su | Mo | Tu | We | Th | Fr | Sa |
|---|---|---|---|---|---|---|
Label
Enabled
Hide
Wrap with stack
⌘G
Create component
View code
Copy
⌘C
Delete
⌘D
Delete your account?This action cannot be undone. This will permanently remove all data from our servers.
Payment to Uber
Details
NameJohn Thomas
Merchant addressSan Francisco
CategoryRideshare / Taxi
Payment
Amount$13.42
Card number1412
Purchased atJanuary 3, 2023
Payment posted atJan 4, 2023, 8:33 AM
Memo
Additional details
Favorite
Add
Edit
Delete
New AccountNew account transfers earn extraGet a bonus when you move your funds over
Name
Account Number
Routing Number
Account Type
Transfer Requirements
Label
Select
Item
Item
Item
Section
Item
Item
Item
Section
Item
Item
Item
A
IrvinFounder
1
2
3
Name | Email | Role | |
|---|---|---|---|
John Walton | [email protected] | Engineering | |
Sarah Chandler | [email protected] | Design | |
Susan Best | [email protected] | Product |
Tab
Tab
Tab
A toast messageAdditional details
Option
Option
Option
Tooltip
Overview
Installation
Theme
Components
Avatar
Button
Tabs
Forms
Checkbox
Radio
Text Field
1
Create account
2
Invite team
3
Start building