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

Pass the URL of any component to the add command.

pnpm dlx shadcn@latest add https://ui.balick.me/r/marquee.json

Use it

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

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

Registry namespace#

Register Balick UI once in components.json to use short names like @balick/marquee instead of URLs.

components.json
{
  "registries": {
    "@balick": "https://ui.balick.me/r/{name}.json"
  }
}
pnpm dlx shadcn@latest add @balick/marquee