12/11/24, 5:01 Tailwind UI - Official Tailwind CSS Components & Templates

Introducing Catalyst Our new React UI kit

By the makers of Tailwind CSS

Build your next

idea even faster.
Beautifully designed, expertly crafted components and
templates, built by the makers of Tailwind CSS. The perfect
starting point for your next project.

Leonard Krasner
Browse components → Explore templates → View
@leonardkrasner

Floyd Miles
View
@floydmiles

Emily Selman
View
@emilyselman
Button A

View all
Bookmark 12k

00:51 55:43

Newsletter Search projects...

Last message sent an hour ago
Recent searches

621 users Tailwind Labs / Website Redesign

ays Laravel LLC / Conference Branding

Existing customers
Last message sent an hour ago Add new file...
Add new folder...
1200 users
Add hashtag...
Add label...
ed to

https://tailwindui.com 1/5
12/11/24, 5:01 Tailwind UI - Official Tailwind CSS Components & Templates

Cook
Account
Cooper Manage how information is displayed on your account.

e Mccoy
Language English U
Cook
Date format DD-MM-YYYY Update R
n Webb

Automatic timezone

Auto-update applicant data

Components

Beautifully crafted UI components, ready

for your next project.
Over 500+ professionally designed, fully responsive, expertly crafted
component examples you can drop into your Tailwind projects and
customize to your heart’s content.

Browse all components →

Application UI Marketing Ecommerce

Form layouts, tables, modal dialogs — everything you need to build beautiful responsive web applications.

Stacked Layouts Sidebar Layouts

9 components 8 components

https://tailwindui.com 2/5
12/11/24, 5:01 Tailwind UI - Official Tailwind CSS Components & Templates

Page Headings Calendars

13 components 8 components

Tables Form Layouts

20 components 5 components
Show more...

Templates

Production-ready website templates,

built the way you want them.
Visually-stunning, easy to customize site templates built with React and
Next.js. The perfect starting point for your next project and the ultimate
resource for learning how experts build real websites with Tailwind CSS.

Explore all templates →

Primer Transmit Syntax Salient

Info product Podcast Documentation SaaS marketing

We’ve actually published four info products ourselves and this landing page is honestly better than the sites we designed
for all of those.

https://tailwindui.com 3/5
12/11/24, 5:01 Tailwind UI - Official Tailwind CSS Components & Templates

Beautifully designed, expertly crafted components and templates, built by the makers of
Tailwind CSS. The perfect starting point for your next project.

Marketing Application UI

Hero Sections Tables

Feature Sections Feeds

Pricing Sections Form Layouts

Header Sections Select Menus

Newsletter Sections Radio Groups

Testimonials Checkboxes

Team Sections Comboboxes

Content Sections Navbars

Logo Clouds Pagination

FAQs Sidebar Navigation

Footers Command Palettes

https://tailwindui.com 4/5
12/11/24, 5:01 Tailwind UI - Official Tailwind CSS Components & Templates

Headers Modals

Flyout Menus Dropdowns

Banners Buttons

Browse all → Browse all →

Ecommerce Templates & UI Kits

Product Overviews Catalyst UI Kit

Product Lists Personal Website Template

Category Previews Landing Page Template

Shopping Carts API Reference Template

Category Filters Changelog Template

Product Quickviews Info Product Template

Product Features Agency Template

Store Navigation Podcast Template

Promo Sections App Marketing Template

Checkout Forms Documentation Template

Reviews Conference Template

Order Summaries Browse all →

Order History

Incentives

Browse all →

© 2024 Tailwind Labs Inc. All rights reserved.

Privacy policy Changelog

https://tailwindui.com 5/5