Back to Components
Components
Activity Timeline
Vertical activity feed with icon, title, description, timestamp, and connector line.
Invoice sent
2 min agoInvoice #1234 was sent to client@example.com
New user registered
15 min agojohn@example.com signed up for a trial
Payment received
1 hour ago$2,400 from Acme Inc
Project deployed
3 hours ago
Dependencies
- clsx
- tailwind-merge
Files
- components/ui/activity-timeline.tsx
Installation
Using shadcn CLI
npx shadcn add activity-timeline --url https://ui.hampton.ioManual installation
Copy the component file to your project and install dependencies:
npm install clsx tailwind-merge