A favicon of Catalyst

Catalyst

Accelerate development with a React & Tailwind CSS UI kit. Get production-ready, customizable components directly in your codebase, built by Tailwind's creators.

Visit Catalyst
A screenshot of CatalystVisit

Catalyst is a modern application UI kit built with React, Tailwind CSS, and Headless UI, from the creators of Tailwind CSS. It provides a collection of beautiful, production-ready UI components that you can integrate directly into your projects. This allows you to move quickly without sacrificing your unique vision, as the components become part of your own codebase, ready for customization.

Key benefits include:

  • Built by experts: Code follows Tailwind CSS best practices, written by the framework's creators.
  • Easy to customize: All styling is done with utility classes directly in the component markup, eliminating complex configurations.
  • Built with React: Leverages well-structured React components, benefiting from the ecosystem's strength.
  • Keyboard accessible: Components are designed for full keyboard navigation and optimal screenreader experience.
  • TypeScript or JavaScript: Authored in TypeScript with a plain JavaScript version also available.
  • Your components, not ours: Delivered as a ZIP file, you add components directly to your project, making them fully yours to adapt.

Catalyst offers a solid foundation for building your own component systems, providing thoughtfully designed APIs. It uses modern technologies like Tailwind CSS v4.1, React v18, Headless UI v2.1, and TypeScript v5.3.

Share:

Similar to Catalyst:

Design tokens & components for scalable, elegant products.
CompanyFigma+1 more
Access design tokens and interactive components to build modular, elegant, and accessible digital products with visual consistency at scale.
Build intuitive, beautiful digital experiences.
CompanyFigma+1 more
Access an open-source design system with UI components, foundational guidelines, and accessibility resources to create intuitive and beautiful user experiences.
Accessible components, your styles, no limits.
ReactTailwind CSS
Develop highly accessible, style-agnostic web components. Features 50+ elements, adaptive interactions, robust i18n, and deep customization for any design.

Command Menu