# Catalyst

> Official React application UI kit built by the Tailwind CSS team.

Catalyst is a collection of accessible, styled application UI components created by Tailwind Labs. Built on top of Headless UI and Tailwind CSS, it is delivered as copy-paste source code rather than an npm package, allowing full customization within your own project.

Website: https://catalyst.tailwindui.com/

## What it is for

- Build accessible dashboards and application interfaces in React
- Establish a consistent design system foundation for Tailwind CSS projects
- Customize pre-built application elements like dialogs, tables, and dropdowns directly in code

## Features

- Pre-built React components powered by Headless UI
- Delivered as direct JavaScript or TypeScript source code
- Accessible design patterns including focus management and keyboard navigation
- Full styling with Tailwind CSS utility classes
- Includes essential UI elements such as tables, dialogs, forms, and navigation

## Pricing

Paid. Included with a Tailwind UI license (one-time purchase)

## Details

- Type: Website
- Category: [Development](https://xiry.app/topics/development.md)
- Topic: [UI Components](https://xiry.app/topics/development/ui-components.md)
- Open source: no
- Platforms: Code library, Web
- For: React and Next.js developers using Tailwind CSS
- Alternative to: shadcn/ui, Chakra UI, Radix Primitives
- Tags: react, tailwind css, ui kit, headless ui, components, design system

## Why it was saved

- [@icodestuff.io, 15 January 2024](https://www.instagram.com/reel/C2H2D0BAQ2M/): Provides modern, accessible, pre-designed React UI components that integrate directly into Tailwind projects by copying component code into your codebase.

## Compare

- [Alternatives to Chakra UI](https://xiry.app/alternatives/chakra-ui.md)
- [Alternatives to shadcn/ui](https://xiry.app/alternatives/shadcn-ui.md)

## Related

- [shadcn/ui](https://xiry.app/resources/shadcn-ui-1902): Copy-paste React UI components built with Tailwind CSS and Radix primitives. (Website, Open source)
- [Efferd](https://xiry.app/resources/efferd): Pre-built, responsive shadcn/ui blocks and layouts for React applications (Web app, Freemium)
- [Motion](https://xiry.app/resources/motion): Open-source animation library for React, Vue, and vanilla JavaScript (Website, Freemium)
- [React Bits](https://xiry.app/resources/react-bits): Open-source animated and interactive React UI components and backgrounds (Website, Freemium)
- [21st.dev](https://xiry.app/resources/21st-dev): Curated directory of crafted React, Tailwind, and shadcn UI components. (Website, Freemium)
- [lucide-animated](https://xiry.app/resources/lucide-animated): Open-source animated React icons built with Lucide and Motion (Web app, Open source)

Updated 3 October 2026. Page: https://xiry.app/resources/catalyst

Make your own library: Xiry takes your saved reels, tweets, Reddit bookmarks and Watch Later videos, makes them searchable and pulls the useful stuff out, like this library. It's invite-only for now; join the waitlist at https://xiry.app/#waitlist.