Scenes
Logo Reveal
Brand logo SVG path draw-on reveal.
ScenevectorsAdvanced
Install
npx remotion-ui@latest add logo-revealCombines path-draw, scale-in, and fade-in for a logo reveal scene.
Live preview
AI usage
Install first, then import the copied source component locally.
Install
npx remotion-ui@latest add logo-revealImport after install
@/remotion/scenes/logo-reveal- Use when: full-frame scenes, overlays, cards, and reusable video sections.
- Customize: pathD, width, height, 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
import { LogoReveal } from "@/remotion/scenes/logo-reveal";
<LogoReveal pathD="M 100 20 L 180 180 L 20 180 Z" />API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| pathD* | string | — | SVG path for the logo. |
| width | number | 200 | SVG width. |
| height | number | 200 | SVG height. |