Toast Stack

A stack of app notification toasts. Each toast slides in from the right in turn and carries a colored type icon, a title, a body line, and a thin progress bar that drains after it appears, while earlier toasts settle down the stack on an elastic spring.

Each toast is an entry in the TOASTS array holding a kind of success, info, warning, or message, which selects the icon and color, a title, a body, and an enterAt frame that sets when it slides in. TOAST_W, TOAST_H, and GAP set the stack layout. Entrances and stack shifts use Remotion spring() and interpolate(), so the sequence is deterministic and matches between preview and render. Use it for product demos, feature announcements, and social proof reels.