Animated List

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

MMagic UI·byMUMagic UIPro

4,274

Bookmarks

4,474

Installs

57,074

Views

106 lines

"use client"

import { cn } from "@/lib/utils"
import { AnimatedList } from "@/components/ui/animated-list"

interface Item {
  name: string
  description: string
  icon: string
  color: string
  time: string
}

let notifications = [
  {
    name: "Payment received",