@barddev/ui

A component library inspired by shadcn/ui for React, Solid, and Vue.

Features

• Multi-framework - Same components for React, Solid, and Vue
• Copy-paste - Components are copied to your project, not installed as dependencies
• Tailwind CSS - Styled with utility classes
• Headless foundations - Built on Radix UI, Kobalte, and Radix Vue
• TypeScript - Full type support

Quick Start

# Initialize in your project
npx @barddev/ui init

# Add components
npx @barddev/ui add autocomplete ai-select

Available Components

Component	React	Solid	Vue
AutoComplete	✅	✅	✅
AiSelect	✅	✅	✅
Dialog	✅	✅	✅
Select	✅	✅	✅
Skeleton	✅	✅	✅
Command	✅	✅	🚧

Packages

Package	Description
@barddev/ui	CLI for adding components
@barddev/ui-shared	Shared utilities (cn)
@barddev/ui-react	React component source
@barddev/ui-solid	Solid component source
@barddev/ui-vue	Vue component source

Documentation

Visit ui.barddev.pl for full documentation.

Development

# Install dependencies
pnpm install

# Build all packages
pnpm build

# Build registry
pnpm tsx scripts/build_registry.ts

License

MIT