magicui

Magic UI Pro 组件

1 public component~30 min cache

Endpoint

https://proxy.collectui.pro/api/r/magicui/{name}.json

Public Components

hero-1

components.json Configuration

Add the config below to your project's components.json. Auth matches the library; url points to this proxy.

json

"registries": {
  "@magicui-pro": {
    "url": "https://proxy.collectui.pro/api/r/magicui/{name}",
    "headers": {
      "Authorization": "Bearer ${MAGICUI_PRO_REGISTRY_TOKEN}"
    }
  }
}

Public trial credentials

Define environment variables in .env.local, then fill in the trial or paid values distributed by the proxy. Variable names stay consistent with the upstream config.

bash

MAGICUI_PRO_REGISTRY_TOKEN=try_magicui_public_2026

MAGICUI_PRO_REGISTRY_TOKEN=try_magicui_public_2026

Install command

For first-time use, include shadcn@latest, then you can use shadcn directly to speed up installs.

@magicui-pro

bash

npx shadcn@latest add @magicui-pro/hero-1

magicui

Magic UI Pro 组件

1 public component~30 min cache

Endpoint

https://proxy.collectui.pro/api/r/magicui/{name}.json

Public Components

hero-1

components.json Configuration

Add the config below to your project's components.json. Auth matches the library; url points to this proxy.

json

"registries": {
  "@magicui-pro": {
    "url": "https://proxy.collectui.pro/api/r/magicui/{name}",
    "headers": {
      "Authorization": "Bearer ${MAGICUI_PRO_REGISTRY_TOKEN}"
    }
  }
}

Public trial credentials

Define environment variables in .env.local, then fill in the trial or paid values distributed by the proxy. Variable names stay consistent with the upstream config.

bash

MAGICUI_PRO_REGISTRY_TOKEN=try_magicui_public_2026

MAGICUI_PRO_REGISTRY_TOKEN=try_magicui_public_2026

Install command

For first-time use, include shadcn@latest, then you can use shadcn directly to speed up installs.

@magicui-pro

bash

npx shadcn@latest add @magicui-pro/hero-1