Action Tracking Timeline

An animated vertical timeline that reveals a list of recent transaction/activity events one after another, used to show recent account or order activity in a dashboard card.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Action Tracking Timeline to your project and fits it to your theme.

"use client";

import ActionTrackingMotion from "@/components/ui/action-tracking-motion";

export default function ActionTrackingMotionDemo() {
  return (
    <div className="w-full max-w-md rounded-lg border border-ld bg-card p-6">
      <ActionTrackingMotion />
    </div>
  );
}