Tailwind Catalyst

Professional UI components, built by the creators of Tailwind CSS.

Interactive Tutorials

Master the library from atoms to complex overlays.

01

Fundamentals

Learn the basic atoms: Buttons, Headings, Text, and Links.

02

Forms & Inputs

Master data entry with Inputs, Selects, Switches, and Fieldsets.

03

Application Layouts

Understand Navbar, Sidebar, and Stacked layouts.

04

Overlays & Feedback

Manage Dialogs, Alerts, and Dropdown menus.

05

Data Display

Present data effectively with Tables, Badges, and Avatars.

Example Pages

See how components come together in real-world layouts.

Basic

A simple contact form demonstrating basic inputs and buttons.

View Contact Form

Intermediate

User settings layout with toggles, selects, and avatars.

View Settings

Advanced

Complex data dashboard with tables, badges, and pagination.

View Dashboard