Command Line Interface
Add components, initialize project configs, and synchronize registry items directly from your terminal.
1
Quick Installation via CLI
DevClub UI components can be installed directly into your local codebase using either the dedicated package runner or the universal shadcn CLI:
Official Package CLIRecommended
Terminal
1
npx devclubnst/ui add noise
Universal Shadcn RegistryRemote JSON
Terminal
1
npx shadcnlatest add https://devclub.co/r/noise.json
2
Batch Installation
Install multiple components in a single execution to scaffold complete application views:
Terminal
1
npx devclubnst/ui add dotted-accordion ai-orb proximity-sidebar pixel-card
3
Component File Structure
Every component created by the CLI follows a predictable, atomic architecture inside your project:
Project Tree
1
src/
2
components/
3
ui/
4
dotted-accordion.tsx
5
ai-orb.tsx
6
proximity-sidebar.tsx
7
noise.tsx
8
lib/
9
utils.ts
Zero Lock-In
Once a component is placed into your directory, it contains zero references to external runtime servers. It is 100% self-contained TypeScript and Tailwind CSS code under your git version control.