Installation

Getting started with Delta Components UI

Installation Tutorial Video

Coming Soon

Prerequisites

Node.js 18+
shadcn/ui initialized (npx shadcn@latest init)

CLI Installation

Run the add command with the specific component URL.


pnpm dlx shadcn@latest add [https://deltacomponents.dev/r/](https://deltacomponents.dev/r/)<component>.json

This will automatically install necessary dependencies (e.g., lucide-react, framer-motion) and place the component code into your configured components/ui directory.

Managing Component Weight

While most components use standard primitives, "Composite" components (like animated layouts) may require heavier libraries (e.g., framer-motion). If you have strict performance budgets, always review your package.json changes after installation.

Components Usage

On This Page

Prerequisites CLI Installation

Contribute

Report an issue Request a feature Edit this page

Build Better User Experiences

Discover open source components that make the difference in your applications. Copy, paste, and customize to create exceptional user interfaces.