Installation

Installation Option 1

Use without installation (Recommended ✅)

No installation needed — add components directly with your package manager:

Example: Let’s add “stats-carousel” component

Note: bunx is a symlink available on macOS/Linux. On Windows, use bun x.

Installation Option 2

Global install (for convenience)

If you want to avoid typing npx every time:

Then you can add component like:

pumki add stats-carousel

Tailwind CSS

Integrate Tailwind in your project to make it beautiful.

https://tailwindcss.com/docs/installation/framework-guides/nextjs

Make sure your app is already set up with Tailwind before using Pumki UI components with utility classes.

Utility classes

lib/utils.ts

1import { clsx, type ClassValue } from "clsx"
2import { twMerge } from "tailwind-merge"
3 
4export function cn(...inputs: ClassValue[]) {
5  return twMerge(clsx(inputs))
6}

Next Steps

Once installed, you’re ready to import components and start building.

Get Started
Component Reference