A React component library and marketplace built on top of shadcn/ui. OonkooUI provides production-ready, higher-level components like Hero sections, Pricing cards, Feature grids, and more.
- shadcn/ui Foundation - Built on top of shadcn/ui primitives (Button, Card, Dialog, etc.)
- Production-Ready Blocks - Higher-level components for common UI patterns
- Two Installation Methods - Use shadcn CLI or our dedicated OonkooUI CLI
- Free & Pro Tiers - Free components available to everyone, Pro components for subscribers
- Copy & Paste - Components are added directly to your codebase, fully customizable
- Add the OonkooUI registry to your
components.json:
{
"registries": {
"@oonkoo": "https://ui.oonkoo.com/r/{name}.json"
}
}- Install components:
npx shadcn@latest add @oonkoo/hero-gradient# Initialize OonkooUI in your project
npx oonkoo init
# Add a component
npx oonkoo add hero-gradient
# Add multiple components
npx oonkoo add hero-gradient pricing-cards features-grid
# Authenticate for Pro components
npx oonkoo auth| Feature | shadcn CLI | OonkooUI CLI |
|---|---|---|
| Free components | Yes | Yes |
| Pro components | No | Yes (with auth) |
| Interactive picker | No | Yes |
| Component updates | No | Yes |
| Setup required | Add registry to components.json | Run npx oonkoo init |
Visit ui.oonkoo.com/components to browse all available components.
- Hero - Hero sections with various layouts and animations
- Pricing - Pricing tables and comparison cards
- Features - Feature grids, lists, and showcases
- CTA - Call-to-action sections
- Testimonials - Customer testimonial displays
- Navigation - Headers, sidebars, and navigation components
- Node.js 18+
- React project with Tailwind CSS
- shadcn/ui initialized (for shadcn CLI method)
The OonkooUI CLI is available as a separate npm package. See packages/cli for more details.
# Install dependencies
npm install
# Run development server
npm run dev
# Build for production
npm run build- Next.js 15 - React framework
- Tailwind CSS - Styling
- shadcn/ui - UI primitives
- Prisma - Database ORM
- Kinde - Authentication
- Stripe - Payments
MIT