Development · Website
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.
What it's 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
- Topic
- UI Components
- 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: Provides modern, accessible, pre-designed React UI components that integrate directly into Tailwind projects by copying component code into your codebase.
Compare
Related
Copy-paste React UI components built with Tailwind CSS and Radix primitives.
Pre-built, responsive shadcn/ui blocks and layouts for React applications
Open-source animation library for React, Vue, and vanilla JavaScript
Open-source animated and interactive React UI components and backgrounds
Curated directory of crafted React, Tailwind, and shadcn UI components.
Open-source animated React icons built with Lucide and Motion
Updated