Dev Design LibraryTailwind CSS components
Free open-source Tailwind CSS UI components grouped into 278 categories, from buttons and cards to navbars and charts, with source code and previews.
Actions
- Tailwind CSS Action Components 1,095
- Tailwind CSS Button Components 870
- Tailwind CSS Button Group Components 188
- Tailwind CSS Toggle Button Components 121
- Tailwind CSS Icon Button Components 59
- Tailwind CSS CTA Button Components 51
- Tailwind CSS Link Components 49
- Tailwind CSS Copy Button Components 41
- Tailwind CSS Theme Toggle Components 39
- Tailwind CSS Like Button Components 25
- Tailwind CSS Social Login Button Components 21
- Tailwind CSS FAB Components 19
- Tailwind CSS Download Button Components 12
- Tailwind CSS Slide To Confirm Components 11
- Tailwind CSS Hold Button Components 10
- Tailwind CSS Submit Button Components 9
- Tailwind CSS Send Button Components 6
Inputs
- Tailwind CSS Input Components 2,583
- Tailwind CSS Text Input Components 528
- Tailwind CSS Select Components 476
- Tailwind CSS Form Field Components 436
- Tailwind CSS Form Components 340
- Tailwind CSS Textarea Components 180
- Tailwind CSS Checkbox Components 177
- Tailwind CSS Switch Components 163
- Tailwind CSS Slider Components 146
- Tailwind CSS Radio Components 117
- Tailwind CSS Combobox Components 106
- Tailwind CSS File Upload Components 104
- Tailwind CSS Search Input Components 101
- Tailwind CSS Date Picker Components 97
- Tailwind CSS Login Form Components 76
- Tailwind CSS Color Picker Components 64
- Tailwind CSS OTP Input Components 60
- Tailwind CSS Toggle Group Components 49
- Tailwind CSS Time Picker Components 48
- Tailwind CSS Segmented Control Components 46
- Tailwind CSS Signup Form Components 44
- Tailwind CSS Number Input Components 40
- Tailwind CSS Rating Components 39
- Tailwind CSS Range Slider Components 37
- Tailwind CSS Tags Input Components 27
- Tailwind CSS Multi Select Components 25
- Tailwind CSS Newsletter Form Components 23
- Tailwind CSS Signature Pad Components 22
- Tailwind CSS Knob Components 21
- Tailwind CSS Date Range Picker Components 20
- Tailwind CSS Phone Input Components 20
- Tailwind CSS Contact Form Components 19
- Tailwind CSS Password Input Components 19
- Tailwind CSS Inline Edit Components 16
- Tailwind CSS Wheel Picker Components 16
- Tailwind CSS Emoji Picker Components 6
Navigation
- Tailwind CSS Navigation Components 1,253
- Tailwind CSS Menu Components 335
- Tailwind CSS Tabs Components 193
- Tailwind CSS Stepper Components 148
- Tailwind CSS Navbar Components 142
- Tailwind CSS Sidebar Components 117
- Tailwind CSS Pagination Components 114
- Tailwind CSS Breadcrumb Components 90
- Tailwind CSS Command Palette Components 85
- Tailwind CSS Context Menu Components 37
- Tailwind CSS Mega Menu Components 32
- Tailwind CSS Dock Components 31
- Tailwind CSS Wizard Components 21
- Tailwind CSS Table Of Contents Components 17
- Tailwind CSS Tab Bar Components 16
- Tailwind CSS Hamburger Menu Components 8
Overlays
- Tailwind CSS Overlay Components 889
- Tailwind CSS Modal Components 252
- Tailwind CSS Popover Components 220
- Tailwind CSS Tooltip Components 170
- Tailwind CSS Toast Components 107
- Tailwind CSS Drawer Components 89
- Tailwind CSS Alert Dialog Components 50
- Tailwind CSS Hover Card Components 49
- Tailwind CSS Bottom Sheet Components 15
- Tailwind CSS Tour Components 15
- Tailwind CSS Dynamic Island Components 14
- Tailwind CSS Cookie Banner Components 6
- Tailwind CSS Lightbox Components 6
Feedback
- Tailwind CSS Feedback Components 1,245
- Tailwind CSS Spinner Components 230
- Tailwind CSS Badge Components 220
- Tailwind CSS Progress Components 162
- Tailwind CSS Alert Components 153
- Tailwind CSS Chip Components 133
- Tailwind CSS Progress Bar Components 109
- Tailwind CSS Empty State Components 99
- Tailwind CSS Notification Components 88
- Tailwind CSS Banner Components 80
- Tailwind CSS Status Indicator Components 76
- Tailwind CSS Skeleton Components 69
- Tailwind CSS Typing Indicator Components 33
- Tailwind CSS Progress Circle Components 30
- Tailwind CSS Error State Components 19
- Tailwind CSS Scroll Progress Components 14
- Tailwind CSS Success Animation Components 13
- Tailwind CSS Loading Screen Components 9
Data display
- Tailwind CSS Data Display Components 2,905
- Tailwind CSS Card Components 833
- Tailwind CSS Chart Components 559
- Tailwind CSS Table Components 293
- Tailwind CSS Avatar Components 245
- Tailwind CSS Stat Components 215
- Tailwind CSS List Components 203
- Tailwind CSS Calendar Components 171
- Tailwind CSS Accordion Components 158
- Tailwind CSS Data Table Components 150
- Tailwind CSS Carousel Components 126
- Tailwind CSS Collapsible Components 116
- Tailwind CSS Avatar Group Components 112
- Tailwind CSS Stat Card Components 108
- Tailwind CSS Bar Chart Components 100
- Tailwind CSS Tree View Components 92
- Tailwind CSS Card Stack Components 72
- Tailwind CSS Area Chart Components 64
- Tailwind CSS Line Chart Components 60
- Tailwind CSS Counter Components 58
- Tailwind CSS Timeline Components 57
- Tailwind CSS Filter Bar Components 56
- Tailwind CSS Pie Chart Components 50
- Tailwind CSS Kbd Components 45
- Tailwind CSS Profile Card Components 38
- Tailwind CSS Radar Chart Components 36
- Tailwind CSS Sortable List Components 34
- Tailwind CSS Number Ticker Components 32
- Tailwind CSS Donut Chart Components 30
- Tailwind CSS Bar List Components 25
- Tailwind CSS Feed Components 25
- Tailwind CSS Gauge Chart Components 22
- Tailwind CSS Kanban Components 22
- Tailwind CSS Heatmap Chart Components 19
- Tailwind CSS File Tree Components 17
- Tailwind CSS Radial Chart Components 17
- Tailwind CSS Sparkline Components 17
- Tailwind CSS Feature Card Components 15
- Tailwind CSS Card Carousel Components 11
- Tailwind CSS Contribution Graph Components 11
- Tailwind CSS Animated List Components 10
- Tailwind CSS Comparison Table Components 10
- Tailwind CSS Description List Components 10
- Tailwind CSS Ticket Card Components 8
- Tailwind CSS Scatter Chart Components 7
Diagrams
- Tailwind CSS Diagram Components 33
- Tailwind CSS Connector Components 14
- Tailwind CSS Orbit Components 7
- Tailwind CSS Flow Diagram Components 6
Maps
Media
- Tailwind CSS Media Components 576
- Tailwind CSS Image Components 135
- Tailwind CSS Icon Components 117
- Tailwind CSS Gallery Components 90
- Tailwind CSS Illustration Components 50
- Tailwind CSS Mockup Components 49
- Tailwind CSS Animated Icon Components 37
- Tailwind CSS Audio Visualizer Components 37
- Tailwind CSS Logo Components 33
- Tailwind CSS Scene 3D Components 25
- Tailwind CSS Video Player Components 23
- Tailwind CSS QR Code Components 16
- Tailwind CSS Icon Set Components 11
- Tailwind CSS Image Compare Components 10
Text
- Tailwind CSS Text Components 378
- Tailwind CSS Animated Text Components 222
- Tailwind CSS Heading Components 49
- Tailwind CSS Paragraph Components 36
- Tailwind CSS Text Highlight Components 34
- Tailwind CSS Prose Components 25
Layout
- Tailwind CSS Layout Components 483
- Tailwind CSS Grid Components 143
- Tailwind CSS Bento Grid Components 64
- Tailwind CSS App Shell Components 56
- Tailwind CSS Separator Components 53
- Tailwind CSS Stack Components 48
- Tailwind CSS Scroll Area Components 41
- Tailwind CSS Container Components 40
- Tailwind CSS Split Pane Components 31
- Tailwind CSS Window Frame Components 29
- Tailwind CSS Aspect Ratio Components 23
- Tailwind CSS Sticky Scroll Components 11
- Tailwind CSS Masonry Components 8
Backgrounds
- Tailwind CSS Backdrop Components 320
- Tailwind CSS Pattern Background Components 99
- Tailwind CSS Shader Background Components 66
- Tailwind CSS Gradient Background Components 63
- Tailwind CSS Particle Background Components 33
- Tailwind CSS Grid Background Components 31
- Tailwind CSS Orb Components 22
- Tailwind CSS Noise Background Components 17
- Tailwind CSS Beam Background Components 15
- Tailwind CSS Mesh Gradient Components 12
- Tailwind CSS Spotlight Background Components 11
- Tailwind CSS Aurora Background Components 10
- Tailwind CSS Wave Background Components 10
Effects
- Tailwind CSS Effect Components 452
- Tailwind CSS Marquee Components 62
- Tailwind CSS Transition Components 53
- Tailwind CSS Cursor Effect Components 48
- Tailwind CSS Image Effect Components 37
- Tailwind CSS Mask Effect Components 33
- Tailwind CSS Reveal Wrapper Components 31
- Tailwind CSS Border Effect Components 29
- Tailwind CSS Glow Effect Components 21
- Tailwind CSS Tilt Effect Components 18
- Tailwind CSS Spotlight Effect Components 17
- Tailwind CSS Blur Overlay Components 9
- Tailwind CSS Confetti Components 7
Sections
- Tailwind CSS Section Components 716
- Tailwind CSS Hero Components 128
- Tailwind CSS Feature Section Components 121
- Tailwind CSS Footer Components 98
- Tailwind CSS Logo Cloud Components 60
- Tailwind CSS CTA Section Components 38
- Tailwind CSS FAQ Section Components 37
- Tailwind CSS Gallery Section Components 25
- Tailwind CSS Stats Section Components 23
- Tailwind CSS Contact Section Components 21
- Tailwind CSS Blog Section Components 13
- Tailwind CSS Newsletter Section Components 12
Pages
- Tailwind CSS Page Components 216
- Tailwind CSS Dashboard Page Components 41
- Tailwind CSS Login Page Components 29
- Tailwind CSS Onboarding Page Components 26
- Tailwind CSS Chat Page Components 17
AI
- Tailwind CSS AI Element Components 357
- Tailwind CSS Prompt Input Components 57
- Tailwind CSS Conversation Components 46
- Tailwind CSS Attachment Components 27
- Tailwind CSS Voice Input Components 25
- Tailwind CSS Model Selector Components 24
- Tailwind CSS Thinking Indicator Components 23
- Tailwind CSS Tool Call Components 22
- Tailwind CSS Sources Components 20
- Tailwind CSS Citation Components 19
- Tailwind CSS AI Message Components 16
- Tailwind CSS Reasoning Components 16
- Tailwind CSS AI Orb Components 15
- Tailwind CSS Streaming Text Components 15
- Tailwind CSS Suggestions Components 15
- Tailwind CSS Task Queue Components 13
- Tailwind CSS Agent Plan Components 11
- Tailwind CSS Artifact Components 10
- Tailwind CSS Generated Image Components 10
- Tailwind CSS Approval Request Components 8
- Tailwind CSS Context Usage Components 6
Documents
Widgets
- Tailwind CSS Widget Components 238
- Tailwind CSS Game Components 27
- Tailwind CSS Physics Toy Components 25
- Tailwind CSS Todo List Components 20
- Tailwind CSS Payment Card Components 17
- Tailwind CSS Timer Components 17
- Tailwind CSS Drawing Canvas Components 16
- Tailwind CSS Clock Components 11
- Tailwind CSS Now Playing Components 9
- Tailwind CSS Balance Card Components 8
Commerce
- Tailwind CSS Commerce Components 156
- Tailwind CSS Pricing Card Components 77
- Tailwind CSS Pricing Section Components 56
- Tailwind CSS Subscription Toggle Components 9
Social
- Tailwind CSS Social Components 124
- Tailwind CSS Chat Message Components 76
- Tailwind CSS Reaction Bar Components 6
Developer tools
- Tailwind CSS Dev Tool Components 130
- Tailwind CSS Code Block Components 69
- Tailwind CSS Terminal Components 27
- Tailwind CSS Diff Viewer Components 16
- Tailwind CSS Log Viewer Components 10
- Tailwind CSS Code Editor Components 7
- Tailwind CSS Package Install Components 7