All components
Phone Notification Stack
Product & UIA drawn phone glides up into a settled tilt while notification cards drop in and the stack behind them recedes
Download preview432×768 preview render — the full-resolution file comes from running the component
5 seconds
Format
This is the format it was composed for. Switch above to see it lay itself out for another — same animation, re-arranged for the frame.
phonedevice mockupnotificationlock screenstack9:16ui
For developers — source, dependencies and provenance
Dependencies
remotion@remotion/shapeszod
No Tailwind, no CSS, no asset files. Inline styles only.
Source
Filesrc/registry/items/phone-notification-stack.tsx
Frame1080×1920
Duration150f · 5s @ 30fps
Provenance
ToolClaude Code
ModelOpus 5
Authormotionstash
LicenseMIT
Prompt
A 9:16 product shot of a phone rising up into frame and settling with a slight backward tilt, drawn entirely in code — thick bezel, Dynamic Island cutout, a status bar with signal bars and a battery — and then three notification cards sliding down and stacking on the lock screen, each with an accent-tinted app icon, a bold title, a message line and a 'now' timestamp, staggered, with the cards behind scaling down and dimming as new ones land.
