spotlight-hero-card

Shot recipes · Movement on a still · Apache-2.0

Tap the picture to play it.

What it does

A spotlight selects one card, the camera pushes diagonally, the card lifts for two outline passes, then returns to the page.

Get it

Copy demos/opening/spotlight-hero-card/SpotlightHeroCard.tsx into a Remotion project with demos/_fixtures/Look.tsx, demos/_fixtures/PageCam2D.tsx, demos/_fixtures/Polish.tsx; fix the import paths; then <Composition id="SpotlightHeroCard" component={SpotlightHeroCard} durationInFrames={SPOTLIGHT_HERO_CARD_DURATION} fps={30} width={1920} height={1080} />. With the skill installed, say: "use the spotlight-hero-card shot card". Read the card first: references/shots/opening/spotlight-hero-card.md.

Source on GitHub
Needs

Page screenshots: copy demos/_textures/* to public/textures/live/ (they are the author's demo screenshots; swap in your own page captures and a matching layout json)

Re-skin

Edit the file (colors, text, pictures)

No props. It starts from a named look in demos/_fixtures/Look.tsx (LOOKS.graphite), but about 4 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). Words are written in the…

License

Apache-2.0

License notes are on the pack's page

From

video-shotcraft

Everything from video-shotcraft in the gallery

Back to the Asset Library