kliping.pro
  • Docs
  • Directory
  • Colors
  • Typeset
Blocks
    • Introduction
    • Installation
    • Credits
  • Featured1
  • Hero8
  • Call to Action6
  • Banner4
  • 4048
  • Stats11
  • Features18
  • FAQ20
  • Logo Cloud15
  • Team13
  • Pricing18
  • Testimonials30
  • Timeline7
  • Footer22
  • Blog12
  • Navbar5
  • Integrations5
  • Setup Guide4
  • Profile4
  • Keyboard Shortcuts4
  • Empty State4
  • Members3
  • Contact18
  • Changelog3
  • Order Confirmation2
  • Carousel2
  • Verification1
  • Invite Member3
  • Code Block3
  • AI Agents3
  • Web35
  • Account7
  • Billing14
  • Subscription8
  • Usage7
  • CRUDs3
  • Modals11
  • Ecommerce17
  • Sidebar16
  • Login13
  • Signup13
  • OTP5
  • Other3

Installation

PreviousNext

Menyiapkan project sekali, lalu memasang block dengan satu perintah.

Tidak ada CLI baru dan tidak ada paket yang perlu di-install. Yang dipakai CLI shadcn-vue yang sama dengan yang sudah Anda pakai untuk komponen.

Siapkan project ​

Project Anda perlu sudah disiapkan untuk shadcn-vue: Tailwind CSS, components.json, dan alias @/. Kalau belum, ikuti Installation untuk framework Anda.

Pasang ​

Tiap halaman block menuliskan perintahnya sendiri. Bentuknya seperti ini:

pnpm dlx shadcn-vue@latest add hero-01

Ke mana berkasnya mendarat ​

Halaman block-nya mendarat di folder halaman project Anda, dan komponen yang dipakainya di components/ui/ — tempat yang sama dengan komponen yang Anda pasang sendiri. Komponen yang sudah ada tidak ditimpa tanpa ditanya.

Setelah itu ​

Berkasnya milik Anda. Tidak ada versi yang perlu diikuti dan tidak ada pembaruan yang datang sendiri — ubah sesuka Anda.

PreviousIntroductionNext Credits

On This Page

Siapkan projectPasangKe mana berkasnya mendaratSetelah itu
Dirilis di bawah lisensi MIT. Ditulis ulang untuk Vue dari shadcn-vue, shadcn-ui-blocks, dan shadcn-hooks. Hak cipta © 2026 Kliping