Hero Loop
15-second looping website hero composition.
CompositionCompositions
hero-loop30fps · 960×540
Install
$ npx remotion-ui@latest add hero-loopA silent 1920×1080 hero video that demonstrates RemotionUI primitives in the motion itself: CLI typing, counters, staggered primitive pills, code imports, and a loop-safe CTA.
15-second silent looping hero video for website embeds. Installs as source and demonstrates the primitives it uses.
Agent notes
Install first, then import the copied source component locally. AI guide →
Import
@/compositions/hero-loop- Use when: complete video templates that can be customized as source.
- Customize: edit the copied source file 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 { HeroLoop } from "@/compositions/hero-loop";
<HeroLoop />