Open-source Tailwind CSS + React Component Library - Subframe UI

Components

Build your own component library

Beautiful, accessible React + Tailwind CSS components to copy & paste. Ready to customize in Subframe.

Browse components

Accordion

Accordion
A great title for an alert Describe what's happening in more detail.

Alert

Alert
2015 2016 2017 2018 2019 2020 2021 2022 03570105140
Biology
Business
Psychology

Area Chart

Avatar

Badge

Bar Chart

2015 2016 2017 2018 2019 2020 2021 2022 03570105140
Biology
Business
Psychology
Bar Chart

Breadcrumbs

Button

Calendar

Month	Su	Mo	Tu	We	Th	Fr	Sa
Sept	30	31	1	2	3	4	5
	6	7	8	9	10	11	12
	13	14	15	16	17	18	19
	20	21	22	23	24	25	26
	27	28	29	30	1	2	3

Checkbox

Checkbox Card

Enable notifications Be in the loop anytime something happens.
Checkbox Card

Checkbox Group

Label
Option
Option
Option
Checkbox Group

Context Menu

Copy to clipboard button

Dialog

Dialog Header This is the dialog description.
Dialog

Drawer

Drawer Header
Drawer Section
Label Value
Label Value
Label Value
Drawer CTA
Drawer

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

Create an account
Enter details
Start building!
Stepper

Switch

Table

Name	Email	Role
John Walton	john.walton@example.com	Engineering
Sarah Chandler	sarah.chandler@example.com	Design
Susan Best	susan.best@example.com	Product