All components
AI & Product
Shape Shift
One shape flows into the next through a continuous outline (by way of a circle), hopping, turning and squashing as it morphs, each held shape with its own caption.
When to use it
Explainer and keynote-style storytelling where one idea turns into the next: a phone becomes a map pin becomes a heart (open the app, find a place, save it), a cloud becomes a bolt, steps of a flow, before/after. 2–5 shapes; put the payoff last, it holds to the end.
Use it in Motion Studio
Ask Claude in Motion Studio, or add it from Assets → Motion and edit these props in the inspector.
{
"id": "shape-shift-1",
"from": 0,
"duration": 150,
"component": "shape-shift",
"props": {}
}