Back to List blocks
A reusable React Payment List component for Billing Dashboards, Payment Management, and Financial Dashboards. Ideal for payment history, billing lists, subscription management, and expense tracking.
npm i framer-motionThis component supports Tailwind CSS dark: variants. To render this component in dark mode, add the dark className to your application's root element (for example, in app/layout.tsx).
Using <html>
<html className="dark"> ... </html>
Using <body>
<body className="dark"> ... </body>
Use Linear Reveal
320 of 500
64%
120 of 250
48%
200 of 400
50%
80 of 200
40%
80 of 200
40%
80 of 200
40%
A reusable React Progress Bar and Progress List Component for displaying project progress, status tracking, and completion metrics in modern dashboard applications.
$3,200 of $10,000
32%
$1,250 of $3,000
42%
$800 of $1,500
53%
A reusable React Goal Progress Tracker component for Progress Tracking Dashboards and Goal Dashboards. Ideal for savings tracking, milestone tracking, progress lists, and dashboard widgets.
Synced successfully
2 min ago
Payment of $250.00
1 hr ago
Dividend received
3 hrs ago
Interest earned
1 day ago
A reusable React Activity Timeline component for dashboard activity feeds, recent activity, event history, audit logs, and user event timelines in modern React applications.
You've exceeded your budget by $20.50
You're close to your budget limit
5 categories are on track
A reusable Dashboard Alert List for React applications, designed to build Dashboard Notification Lists, Budget Notification Lists, Budget Warning Lists, Financial Alert Lists, and responsive React Dashboard Alerts.
-$89.99
Today, 10:42 AM
+$4,250.00
Today, 8:00 AM
-$15.99
May 30, 7:30 PM
-$24.50
May 30, 6:12 PM
A reusable Dashboard Activity Feed component for React applications, featuring recent activity, account activity, payment history, transaction updates, and live dashboard feeds.