Vengeance UI

CLI

Installing Vengeance UI with the shadcn CLI

Initialization

Use the init command to initialize a new shadcn project before adding registry components.

bashnpx shadcn@latest init
code
Which style would you like to use? New York
Which color would you like to use as base color? Zinc
Do you want to use CSS variables for colors? yes

Add components

Use the add command with the Vengeance UI registry URL from any component page.

bashnpx shadcn@latest add https://www.vengenceui.com/r/animated-rays.json
code
Usage: shadcn add [options] [components...]

add a component to your project

Arguments:
  components        the components to add or a url to the component.

Options:
  -y, --yes         skip confirmation prompt
  -o, --overwrite   overwrite existing files
  -c, --cwd <cwd>   the working directory
  -p, --path <path> the path to add the component to
  -h, --help        display help for command

Monorepo

In a monorepo, pass the workspace path with -c or --cwd.

bashnpx shadcn@latest add https://www.vengenceui.com/r/animated-rays.json -c ./apps/web

Namespaced registry

If you prefer short component names, add a registry alias to components.json.

components.json
{
  "registries": {
    "@vengeanceui": "https://www.vengenceui.com/r/{name}.json"
  }
}
bashnpx shadcn@latest add @vengeanceui/animated-rays