Tools

CLI

Use the Shadcn CLI to install Ein UI components into your project.

Quick Start

Install your first component in seconds

Ein UI uses the standard Shadcn CLI. If you don't have it set up, run:

npx shadcn@latest init

Then add any Ein UI component:

npx shadcn@latest add @einui/glass-card

Commands

add

Add a component to your project

Usage

npx shadcn@latest add [component]

Example

npx shadcn@latest add @einui/glass-card

diff

Check for differences between local and remote components

Usage

npx shadcn@latest diff [component]

Example

npx shadcn@latest diff @einui/glass-button

Registry Configuration

Add the Ein registry for easier component installation

Add the Ein registry namespace to your components.json:

components.json

{
  "$schema": "https://ui.shadcn.com/schema.json",
  "style": "new-york",
  "rsc": true,
  "tsx": true,
  "tailwind": {
    "config": "",
    "css": "app/globals.css",
    "baseColor": "neutral",
    "cssVariables": true
  },
  "aliases": {
    "components": "@/components",
    "utils": "@/lib/utils",
    "ui": "@/components/ui",
    "lib": "@/lib",
    "hooks": "@/hooks"
  },
  "registries": {
    "@einui": "https://ui.eindev.ir/r/{name}"
  }
}

Now you can install components using the short syntax:

npx shadcn@latest add @einui/glass-card @einui/glass-button