Framework Support

React

Beautiful, accessible components for React with full TypeScript support. Copy-paste or install components directly into your project.

Browse React Components →

SolidJS

Reactive components optimized for SolidJS with the same beautiful design and accessibility features.

Browse SolidJS Components →

Copy-Paste or Install

Choose your preferred workflow - copy components directly into your project or install them as packages. Full source code access included.

Get Started →

Key Features

Built on Ark UI

Leverages the robust foundation of Ark UI for accessibility, keyboard navigation, and component logic, ensuring your components work flawlessly out of the box.

Tailwind CSS Integration

Beautiful styling with Tailwind CSS utility classes. Easy to customize and extend to match your brand and design requirements.

Multi-Framework Support

Consistent API and design across React and SolidJS. Build your design system once, use it everywhere.

Developer Experience

TypeScript support out of the box, comprehensive documentation, and examples. Components are fully typed and ready to use.

Flexible Workflow

Copy-paste components directly into your project for maximum control, or install them as packages for convenience. You get the full source code either way.

What’s Included

• UI Components - Buttons, forms, navigation, layouts, and more
• Design Tokens - Colors, typography, spacing, and other design system foundations
• Examples - Real-world examples and use cases for each component
• Documentation - Comprehensive guides for customization and usage
• TypeScript Support - Full type definitions and IntelliSense support

Community & Support

GitHub

View source code, report issues, and contribute to the project.

Visit GitHub →

Discussions

Join the community discussions, ask questions, and share your projects.

Join Discussions →