Introducing Magic UI Pro - 50+ blocks and templates to build beautiful landing pages in minutes.


Docs
Animated List

Animated List

A list that animates each item in sequence with a delay. Used to showcase notifications or events on your landing page.

💸
Payment received·15m ago

Magic UI

Installation

npx shadcn@latest add "https://magicui.design/r/animated-list"

Props

Animated List

PropTypeDefaultDescription
classNamestring-The class name for the component
delaynumber1000The delay between each item in ms