Notification Banner Drop
Notification Banner Drop 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
- ~7s (210f @ 30fps, including ≥30f of stillness after settling)
- Energy
- Medium-low (the banner drop is one small peak; the rest is sliding in and staggered reveals)
- Styles
- 1
Recipe notes
A white notification banner springs in from the top of the phone (with overshoot), content rows then reveal, a finger taps the banner, the banner scales up and fades out, a conversation page slides in from the top, and message bubbles float up in a stagger
When to use it
App promo showing push notifications / new message alerts; emphasizes the complete "notification → open conversation" interaction arc
Intent
Shoot "receiving a push notification and tapping it open" as one shot: the inbox list is already on stage, a white banner drops in from the top with spring overshoot, the content rows then reveal (the notification can be read), the finger taps the banner and it scales up and fades out, a conversation page slides in from the top and message bubbles float up in a stagger — fully showing "where the notification came from and where tapping takes you". The core is the banner's drop feel (spring overshoot) and the "same physical space continuing" after tapping (banner → conversation page).