motion

Motion UI 动画 React sections（Motion+ 订阅）

2 public components~30 min cache

Endpoint

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

Public Components

motion-themehero-parallax-layers

components.json Configuration

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

json

"registries": {
  "@motion": {
    "url": "https://proxy.collectui.pro/api/r/motion/{name}.json",
    "headers": {
      "Authorization": "Bearer ${MOTION_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

MOTION_TOKEN=try_motion_public_2026

MOTION_TOKEN=try_motion_public_2026

Install command

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

@motion

bash

npx shadcn@latest add @motion/motion-theme

motion

Motion UI 动画 React sections（Motion+ 订阅）

2 public components~30 min cache

Endpoint

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

Public Components

motion-themehero-parallax-layers

components.json Configuration

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

json

"registries": {
  "@motion": {
    "url": "https://proxy.collectui.pro/api/r/motion/{name}.json",
    "headers": {
      "Authorization": "Bearer ${MOTION_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

MOTION_TOKEN=try_motion_public_2026

MOTION_TOKEN=try_motion_public_2026

Install command

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

@motion

bash

npx shadcn@latest add @motion/motion-theme