Chat To Preview Morph
Chat To Preview Morph is a mobile app 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
- Mobile App
- Duration
- ~6s (180f @ 30fps, including ≥30f of stillness after settling)
- Energy
- Medium (a single shape transformation, slow settling with Apple ease)
- Styles
- 1
Recipe notes
Split screen inside a phone: the chat panel compresses from 55% to 25% height (content fades out in sync), the result preview grows from 45% to 75% (content fades in + moves up), an Apple-grade ease completes the shape transformation, and finally the whole device breathes to settle
When to use it
App promo showing the AI assistant scenario of "conversation → result page"; emphasizes the shape transformation from chat to result
Intent
Shoot the AI assistant's "finish chatting, get a result" as one shape transformation: the chat panel above gradually compresses while the result preview below gradually expands, both completing within the same screen (not a page switch). The core is the physical feel of "being dragged out" — on every frame the chat compresses, the preview expands in sync, using an Apple-grade ease so the transformation feels composed rather than mechanical.