Sections

Activity Feed

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

All components

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 · 54 Pro components · lifetime updates.

I have a license Get 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.