orbit-ring-title-open
Shot recipes · A title · Apache-2.0
- What it does
Eight 16:9 content cards orbit an ellipse at a constant rate with their contents frozen on the first frame, then all start playing together while the centerd headline de-blurs into place and a marker block sweeps across the key phrase.
- Get it
Copy demos/opening/orbit-ring-title-open/OrbitRingTitleOpen.tsx into a Remotion project with demos/_fixtures/Brand.tsx, demos/_fixtures/Look.tsx, demos/_fixtures/Polish.tsx; fix the import paths; then <Composition id="OrbitRingTitleOpen" component={OrbitRingTitleOpen} durationInFrames={ORBIT_RING_TITLE_OPEN_DURATION} fps={30} width={1920} height={1080} />. With the skill installed, say: "use the orbit-ring-title-open shot card". Read the card first: references/shots/opening/orbit-ring-title-open.md.
- Needs (the whole pack)
Remotion 4 and React 19, and FFmpeg for its checks. No Tailwind, no CSS files, no web fonts.
- Re-skin
Edit the file (colors, logo, text)
No props. It starts from a named look in demos/_fixtures/Look.tsx (LOOKS.lime), but about 9 more color values are written in the demo, so changing the look alone will not re-skin it. Fonts come from the shared fixture files (FONT in Polish.tsx, type() in Look.tsx). The logo and name on screen are…
- License
Apache-2.0
- From