Animated List
Store

Animated List Notification cards, one at a time

Get on Framer $5Framer component · 2025 · live

A stack of notification cards that arrive one at a time. Each new card springs in at the top and pushes the others down, so the list looks like a live feed.

Preview
Animated List preview
Features

What it does

  • Every card: name, description, time label, an emoji or character for the icon, and the icon's background color.
  • The delay between cards, from 100 ms to 5 seconds, and whether the list plays once or loops.
  • Card, border, text and secondary text colors, with separate fonts for the name, description and time.
  • The screen width where it switches to smaller cards, icons and spacing.
  • An optional fade along the bottom of the frame, in a color you pick.
References

References Where to see it, and what it's built on.