lib
Browse blocks

Live activity

Pro

A live stream that queues new events while you read, with pause.

notifications-10 · v1.0.1 · Notifications block 10 of 10

npx shadcn@latest add @lib/notifications-10

About this notifications block

Live activity is a Pro notifications block for shadcn/ui. A live stream that queues new events while you read, with pause. It's one React file built on the shadcn/ui Avatar, Button, Card components, uses only your theme tokens, animates in as it scrolls into view and stays still for visitors who ask for less motion, and works in Next.js, Vite, React Router, TanStack Start and Astro.

What's inside

  • Keyboard support beyond Tab
  • Interactive state, no wiring needed to try it
  • Entrance animation, with a reduced-motion fallback
  • Light and dark mode from your theme
  • Responsive, from phone to desktop

What it installs

  • @lib/people
  • shadcn/ui: avatar, button, card
  • npm: lucide-react

Versions

  • v1.0.1 Full-height blocks centered on the page
  • v1.0.0 Notifications
Full changelog

More notifications blocks

Notification popovers, feeds, toasts and preferences, with unread counts and grouping.

Notifications 09All 10