Notification List

Animated notification feed where new items push the stack down.

KKaito UI·byKMKaito MoriPro

4,720

Bookmarks

11,700

Installs

108,900

Views

17 lines

import { NotificationList } from "@/components/ui/notification-list"

const items = [
  { id: 1, name: "Payment received", description: "Magic UI · $2,400", time: "15m", icon: "💸", color: "#00C9A7" },
  { id: 2, name: "New follower", description: "@kaito started following you", time: "10m", icon: "👤", color: "#FFB800" },
  { id: 3, name: "Component published", description: "Shimmer Button is live", time: "5m", icon: "✨", color: "#FF3D71" },