Overview
Theme
Installation
Quickstart
Components
Accordion
Alert
Avatar
Badge
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
Link Button
Loader
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
Vertical Stepper
Build your own component library.Beautiful, accessible React + Tailwind CSS components to copy & paste. Ready to edit in Subframe.
Browse components
Accordion header
A great title for an alertDescribe what's happening in more detail.
A
Badge
BreadcrumbBreadcrumb
October 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
1
Create account
2
Invite team
3
Start building