Perspective Marquee
Perspective Marquee text animation for Remotion.
PrimitivePrimitivesAdvanced
perspective-marquee30fps · 960×540
Install
$ npx remotion-ui@latest add perspective-marqueeHorizontal marquee on a receding 3D floor plane — text scrolls toward the horizon with depth fade. Contrast with flat InfiniteMarquee.
Unlike InfiniteMarquee, text scrolls on a receding 3D floor with horizon fade — not a flat band.
Agent notes
Install first, then import the copied source component locally. AI guide →
Import
@/remotion/primitives/perspective-marquee- Use when: frame-level motion primitives and reusable animation wrappers.
- Customize: text, speed, gap, floorTilt, plus copied source for timing, layout, colors, and typography.
- Rule: do not import this component from the
remotion-uinpm package; it is copied into your project.
Usage
Example
import { PerspectiveMarquee } from "@/remotion/primitives/perspective-marquee";
<PerspectiveMarquee text="Depth scroll" speed={10} floorTilt={70} perspective={640} />API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| text* | string | - | Marquee copy. |
| speed | number | 10 | Scroll speed in pixels per frame along the floor plane. |
| gap | number | 72 | Gap between repeated items in px. |
| floorTilt | number | 70 | Floor plane tilt in degrees — higher values exaggerate depth receding toward the horizon. |
| perspective | number | 640 | Perspective distance in px — lower values exaggerate depth. |
| showFloorGrid | boolean | true | Draw a perspective grid behind the marquee plane. |