Catalyst UI

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.

Documentation

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

Installation

pnpm add @i4o/catalystui

Features

• 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

Roadmap

• 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

Acknowledgements

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

Star History

License

MIT