Components

Activity Feed

Pro

Notification cards stream in from the top, springing the stack down as older ones dissolve through a soft fade at the bottom.

New mention#general · "ship it 🚀"6m
Security scan passed0 vulnerabilities found4m
Deploy completedplanes-web · production2m
New signupsara@linear.app joined1m
Payment received$49.00 from Acme Incnow

Installation

ProRequires a Planes Pro license.
npx shadcn add @useplanes/activity-feed

Unlock with Planes Pro

$99 once · 80 Pro components · lifetime updates.

I have a licenseGet Pro
<ActivityFeed
  items={[
    { icon: <CreditCard />, title: "Payment received", description: "$49.00 from Acme Inc", time: "now" },
    { icon: <UserPlus />, title: "New signup", description: "sara@linear.app", time: "1m" },
  ]}
  visible={4}
/>

Use cases

  • Real-time feature tile

    A bento cell showing live events streaming into your product.

  • Social proof

    Recent signups and purchases arriving as they happen.

  • Integration activity

    Webhooks, syncs, and deploys flowing through your platform.

  • Notification center previews

    Marketing pages for anything with an inbox or alert stream.