Compositions
Hero Loop
15-second looping website hero composition.
Compositionreels
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.
Live preview
15-second silent looping hero video for website embeds. Installs as source and demonstrates the primitives it uses.
AI usage
Install first, then import the copied source component locally.
Install
npx remotion-ui@latest add hero-loopImport after install
@/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
import { HeroLoop } from "@/compositions/hero-loop";
<HeroLoop />