wall-reveal-moves
Shot recipes · A camera move · Apache-2.0
- What it does
2 named moves on one card: bento-light-up (A dark 3x2 bento wall waits dimmed; amber light traces each cell border and the content brightens and lifts, cell by cell, until a slow push seals it); wireframe-draw-on (The interface draws itself as blueprint linework first, then a glowing amber scanline sweeps left to right, solidifying wireframe into real UI).
- Get it
Copy demos/ui-entrance/wall-reveal-moves/BentoLightUp.tsx (and its 1 sibling file(s) in the same folder) into a Remotion project with demos/_fixtures/Brand.tsx, demos/_fixtures/Fixtures.tsx, demos/_fixtures/Polish.tsx; fix the import paths; then <Composition id="BentoLightUp" component={BentoLightUp} durationInFrames={BENTO_LIGHT_UP_DURATION} fps={30} width={1920} height={1080} />. With the skill installed, say: "use the wall-reveal-moves shot card". Read the card first: references/shots/ui-entrance/wall-reveal-moves.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 (2 demo files). It uses no named look: about 5 color values are written in the demo. Where its fonts come from was not checked. The logo and name on screen are the pack's own, from demos/_fixtures/Brand.tsx (one brand file every demo imports): swap it for the client's. Words are written…
- License
Apache-2.0
- From