assemble-then-type-flyin
Shot recipes · A picture layout · Apache-2.0
- What it does
Textless component shells fly in from every direction onto an empty dark grid, then every character arrives from 3D space with its own large rotation and settles into position.
- Get it
Copy demos/effects/assemble-then-type-flyin/AssembleThenTypeFlyin.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="AssembleThenTypeFlyin" component={AssembleThenTypeFlyin} durationInFrames={ASSEMBLE_THEN_TYPE_FLYIN_DURATION} fps={30} width={1920} height={1080} />. With the skill installed, say: "use the assemble-then-type-flyin shot card". Read the card first: references/shots/effects/assemble-then-type-flyin.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.graphite), but about 28 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…
- License
Apache-2.0
- From