Catalyst - Tailwind CSS Application UI Kit

What’s included

Catalyst is a modern application UI kit built with Tailwind CSS, Headless UI and React, designed and built by the Tailwind CSS team. It's a collection of beautiful, production-ready UI components you drop into your projects alongside your own code that are yours to customize, adapt, and make your own.

Skip all the time you'd spend building your own buttons, form controls, dialogs, tables, dropdown menus, and more and hit the ground running with carefully crafted component APIs that are a delight to use.

Built by experts — you can trust that all of the code is written following Tailwind CSS best practices, because it’s written by the same team who created and maintain the framework.

Easy to customize — everything is styled with utility classes, directly in the component markup. No configuration variables or complex CSS to wrestle with, just open any component in your editor and change whatever you want.

Built with React — well-structured, thoughtfully designed React components, built by experts with years of React experience. Benefit from the strength and maturity of the React ecosystem.

Keyboard accessible — everything we build is keyboard accessible, and we carefully craft the markup to deliver the best screenreader experience we know how.

TypeScript or JavaScript — authored with the latest version of TypeScript by nerds who get way too much satisfaction out of getting the types just right, giving you the best possible developer experience. We also include a plain JavaScript version, just in case TypeScript isn't your thing.

Screenshots

Built for developers

Our templates are thoughtfully crafted with the latest and greatest versions of the tools we love so that they are easy to maintain, and fun to actually work on.

Tailwind CSS v3.4
React v18
Headless UI v2.0.0-alpha
TypeScript v5.3