Bento Pan
Bento Pan for Remotion.
CompositionCompositionsAdvanced
bento-pan30fps · 960×540
Install
$ npx remotion-ui@latest add bento-panBento Pan.
1920×1080 diagonal bento grid pan with vignette.
Agent notes
Install first, then import the copied source component locally. AI guide →
Import
@/compositions/bento-pan- Use when: complete video templates that can be customized as source.
- Customize: backgroundColor, 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 { BentoPan } from "@/compositions/bento-pan";
<BentoPan />API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| backgroundColor | string | "#080810" | Stage background. |