Installation

Install the library in minutes.

How to install dependencies and structure your app.

Note

Note: Use the @brxndxndiaz/ui CLI to initialize your project and add components.

Steps

Create project

Run the init command to create a new Next.js project or setup an existing one:

npx @brxndxndiaz/ui init

Add components

Add a component by slug, or run the command with no arguments to pick from the list.

npx @brxndxndiaz/ui add animated-timeline

Add components (interactive)

Run the command without a slug to select components interactively.

npx @brxndxndiaz/ui add

Import component

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

import { ComponentName } from "@/components/library/component-name"

export default function Example() {
  return <ComponentName />
}

Troubleshooting

If you see a 404 for a registry URL, the component slug does not exist. Run `npx @brxndxndiaz/ui add` to pick from the interactive list or browse the Components page for valid slugs.

On this page

Overview Note Steps Troubleshooting