Catalyst UI is a component library built on top of Radix UI Primitives styled with Tailwind CSS made to make prototyping faster.

Note: This project is NOT the Catalyst that Adam Wathan talked about in his keynote at Tailwind Connect 2023. This project is not affiliated with Tailwind Labs and Radix UI (and by extension WorkOS) in any way.

For full documentation and a complete list of components, visit catalyst-ui.com

pnpm add @i4o/catalystui

• Built on top of Radix UI Primitives styled with Tailwind CSS
• Goes beyond Radix UI Primitives to provide more components
• Utility components and hooks
• Built-in dark mode support
• Customizable styles with Tailwind or CSS Variables

• Have a base list of usable components
• Fix library styles being overridden by Nextra styles
• Make the API and styles more consistent
• Make docs light/dark mode work for the components
• Implement all Radix UI Primitives
• Fix accessibility issues
• Better types and runtime type-checking with Zod
• Add explanation for props in the docs

CatalystUI and its docs are powered by these incredible open-source projects:

• React
• TypeScript
• Next.js
• Nextra
• Radix UI
• Tailwind CSS
• tailwindcss-radix
• classnames
• copy-to-clipboard

MIT