Back to Components
Components

Activity Ticker

Live scrolling activity feed with looping updates and optional pause on hover.

New signup

Avery joined the Pro plan

2m

Weekly report ready

Dashboard summary was generated

18m

Alert resolved

Latency back to normal

1h

Dependencies

  • clsx
  • tailwind-merge

Files

  • components/ui/activity-ticker.tsx

Installation

Using shadcn CLI

npx shadcn add activity-ticker --url https://ui.hampton.io

Manual installation

Copy the component file to your project and install dependencies:

npm install clsx tailwind-merge