Activity Feed
ProInstallation
ProRequires a Planes Pro license.
pnpm dlx shadcn add @useplanes/activity-feedWorks once the @useplanes registry is set up in your project (one-time). After that, copy and run commands directly.
Unlock with Planes Pro
$99 once · 164 Pro components · lifetime updates.
import { ActivityFeed } from "@/components/ui/ActivityFeed";
<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.