Installation

How to install dependencies and structure your app.

Note: Blode UI is a third-party shadcn registry hosted at ui.blode.co. The setup flow is the same as shadcn/ui with one extra step: add the registry namespace.

Create or initialize a project

npx shadcn@latest init

Add the Blode registry

npx shadcn@latest registry add @blode=https://ui.blode.co/r/{name}.json

Add a component

npx shadcn@latest add @blode/button

Import component

The command above will add the Button component to your project. You can then import it like this:

import { Button } from "@/components/ui/button";
 
export default function Home() {
  return <Button>Click me</Button>;
}

On This Page

Create or initialize a project Add the Blode registry Add a component Import component