Animated List

Docs

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

import { AnimatedList } from "@/components/magicui/animated-list";

<AnimatedList>
  <p>Item 1</p>
  <p>Item 2</p>
  <p>Item 3</p>
</AnimatedList>

Prop	Type	Default	Description
`className`	`string`	`-`	The class name for the component
`delay`	`number`	`1000`	The delay between each item in ms

Contribute