Cara tercepat

Di project Vite atau Nuxt — baru maupun yang sudah berjalan — cukup dua perintah:

pnpm dlx kliping@latest init

pnpm dlx kliping@latest add button

init menyiapkan sendiri Tailwind CSS v4 dan alias import @ kalau belum ada, memasang dasar Kliping (helper cn() beserta dependensinya dan token tema), lalu menulis components.json. Di folder kosong, init membuat project Vite + TypeScript atau Nuxt 4 baru lebih dulu. CLI-nya butuh Node.js 22.12 atau lebih baru. Semua perintah dan opsinya ada di halaman CLI.

Pilih Framework Anda

Panduan per framework di bawah ini menjelaskan langkahnya lebih rinci. Kliping dirancang agar bisa jalan di semua framework berbasis Vue.

Kalau Anda belum yakin mau pakai apa, Vite adalah titik awal paling ringan, sedangkan Nuxt cocok kalau Anda butuh routing dan SSR sejak awal. Untuk Astro dan Laravel, init belum menyiapkan Tailwind dan alias secara otomatis, jadi ikuti panduannya masing-masing.

Vite

Nuxt

Astro

Laravel

Manual