Catalyst UI

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

It also comes with more than just the styled Radix UI Primitives. It builds on top of them to provide you with more components and utilities to use in your apps.

npm install @i4o/catalystui

Get Started

Example Usage

import { Button } from '@i4o/catalystui'
 
export default function Home() {
	return (
		<div className='flex flex-col items-center justify-center min-h-screen py-2'>
			<Button>Click Me</Button>
		</div>
	)
}

Features

• Built on top of Radix UI Primitives (opens in a new tab) styled with Tailwind CSS (opens in a new tab)
• Additional utility components and hooks
• Built-in dark mode support
• Icons from Radix UI Icons (opens in a new tab)
• TypeScript support

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
• Add explanation for props in the docs