All components

Overlays

Notification

A phone-style notification that springs in from the top (or pops up in the middle), with optional earlier ones stacked behind it.

When to use it

Showing an event happening: a sale, a signup, a new message, a deploy finishing, a payment, a review coming in. Stack a few in a row (staggered clips) for "the notifications keep coming".

Use it in the studio

Ask the agent in the studio, or add it from Assets → Motion and edit these props in the inspector.

Open the studio
{
  "id": "notification-1",
  "from": 0,
  "duration": 90,
  "component": "notification",
  "props": {}
}