Morph From Primitive
Morph From Primitive is a ui entrance & showcase Remotion shot (with a public demo.tsx). Watch the video preview, read the recipe notes, and copy the agent brief to implement it from tuned TSX.
- Category
- UI Entrance & Showcase
- Duration
- ~4.7s (breath 20f + morph 24f + content fade-in 12f)
- Energy
- Medium-low
- Styles
- 1
Recipe notes
Primitive morph — a circle takes one breathing beat (anticipation), then an SVG path interpolates over 24f into a rounded-card outline, with content fading in
When to use it
entrances for graphic/icon/card-outline subjects; the classic primitive from logo → UI container
Intent
The entrance library is all "coming in from outside" — fly-ins, slams, flips — the subject pre-exists off-screen; this card is **growing in place**: a stroked circle at the center of the frame first puffs one breath (scale 1→1.12→1), then its outline continuously morphs into a rounded rectangle card, and content fades in. The primitive pause plus breathing beat IS the anticipation — the graphical translation of Disney's anticipation: the circle "inhales" first, so the viewer knows it's going to change, and the morph itself needs no explanation. Only applies to graphic/icon/card-outline subjects — bitmap screenshots can't morph.