Docs

Installation

Installation

Install and configure Magic UI

Install Magic UI

Refer to the open source documentation for detailed instructions on how to install and configure Magic UI.

Install Magic UI Pro

Step 1: Add to your `.env.local`

MAGICUI_PRO_REGISTRY_TOKEN=your_api_key_here

Step 2: Add to your `components.json`

{
  "registries": {
    "@magicui-pro": {
      "url": "https://pro.magicui.design/registry/{name}",
      "headers": {
        "Authorization": "Bearer ${MAGICUI_PRO_REGISTRY_TOKEN}"
      }
    }
  }
}

Step 3: Install components

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

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

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

That's it.

Introduction AI Agent

Installation | Magic UI Pro