Installation

You own every file you install. Point the shadcn CLI at a component's registry URL and the source — implementation, exports, and any helpers — lands straight in your repo, fully editable.

The short version

You own the source. Pull components in through the shadcn CLI — one registry URL each, no npm package, no version to track.

01

Not on npm.

No package to install. Each component is a self-contained registry item at /r/[name].json. The CLI fetches it; the source is yours to keep.

02

Files in your repo.

Generated code lands under components/lazy-ui. Rename it, restyle it, fork the interaction — nothing hides behind a bundle.

Details

01

Requirements

These drop into an existing shadcn-compatible React app. If shadcn/ui is already wired up, you have everything you need.

  • A React app with Tailwind CSS configured (Next.js, Vite, or similar).
  • shadcn/ui initialized — the cn() helper and components path alias.
  • Run the CLI from the project root so generated file paths resolve.
02

Add a component

Open a component page, copy its registry URL, pass it to the shadcn CLI. Internal dependencies — a shared util another component needs — are fetched for you.

  • Browse every component from the sidebar — each page links to its slug.
  • WebGL backgrounds and motion primitives declare their npm deps in the registry item — the CLI installs them with the component.
  • Commit the generated files. This is copy-and-paste by design.
03

Update or replace

Nothing auto-updates — that's the trade-off for owning the source. Re-run the CLI with the same URL to overwrite, or merge changes by hand.

  • Re-running shadcn add will prompt before overwriting an existing file.
  • Diff against the registry source on GitHub to see what changed.
  • Once you've customized a component heavily, treat it as your own code.

Copyable bits

Commands and snippets match the registry paths used by this project.

Add a component
npx shadcn@latest add https://2lazyui.com/r/liquid-chrome.json
From a fresh Next.js project
npx create-next-app@latest my-app
cd my-app
npx shadcn@latest init
npx shadcn@latest add https://2lazyui.com/r/liquid-chrome.json
Other package managers
pnpm dlx shadcn@latest add https://2lazyui.com/r/liquid-chrome.json
bunx shadcn@latest add https://2lazyui.com/r/liquid-chrome.json
yarn dlx shadcn@latest add https://2lazyui.com/r/liquid-chrome.json