Balick UI

Installation

Balick UI uses the shadcn CLI. If your project already uses shadcn/ui, you are ready.

Setup#

Initialise shadcn/ui

Skip this step if your project already has a components.json.

pnpm dlx shadcn@latest init

Add a component

Balick UI is listed in the shadcn registry directory: pass the name of any component or block to the add command.

pnpm dlx shadcn@latest add @balick/marquee

Use it

import { Marquee } from "@/components/ui/marquee"

export default function Page() {
  return <Marquee>Hello world</Marquee>
}

Registry namespace#

The CLI resolves @balick through the shadcn registry directory, so there is nothing to configure. To install from another deployment, such as a mirror or a preview, map the namespace in components.json. Full URLs work too.

components.json
{
  "registries": {
    "@balick": "https://ui.balick.me/r/{name}.json"
  }
}