Installation

How to install components from the MADT Registry into your project.

Prerequisites

Your project needs to be set up with Tailwind CSS v4 and the shadcn CLI. If you're starting fresh, run:

bash

npx shadcn@latest init

Set up authentication

The MADT Registry requires an API key. Add your token to your .env.local file:

bash

REGISTRY_TOKEN=your_secret_token_here

Add the registry

Add the MADT registry to your components.json file:

json

{
  "registries": {
    "@madt": {
      "url": "https://registry.matthieuavecdeuxt.fr/r/{name}.json",
      "headers": {
        "Authorization": "Bearer ${REGISTRY_TOKEN}"
      }
    }
  }
}

Install components

You can now install any component from the registry:

bash

npx shadcn@latest add @madt/button

This will install the component and all its dependencies into your project. You can then import it directly:

tsx

import { Button } from "@/components/ui/atoms/button";

Manual installation

You can also copy the source code directly from each component page. Make sure to install the required dependencies listed on the component documentation.