Back to Table blocks
A reusable React Portfolio Table for investment dashboards, designed to build Portfolio Holdings Tables, Asset Performance Tables, Investment Portfolio Tables, Portfolio Analytics Tables, and responsive portfolio dashboards.
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
A reusable React Data Table component for Transaction Tables, Transaction History, and Finance Dashboards. Ideal for payment history, transaction management, data grids, and modern financial applications.
Category
Budgeted
Spent
Remaining
Progress
Status
$2,000.00
$1,872.00
$128.00
0%
$1,200.00
$936.00
$264.00
0%
$800.00
$702.00
$98.00
0%
$600.00
$468.00
$132.00
0%
$400.00
$374.00
$26.00
0%
$300.00
$320.50
-$20.50
0%
$3,150.00
$1,888.50
$1,261.50
0%
A reusable Budget Tracking Table for React dashboards, designed to build Expense Tracking Tables, Budget Overview Tables, Budget Allocation Tables, Budget Status Tables, and responsive Finance Dashboard Tables.
Account
Type
Balance
Status
Checking Account •••• 4521
$4,250.00
Savings Account •••• 7890
$8,200.00
Credit Card •••• 1234
-$2,450.00
Credit Card •••• 5678
-$1,930.00
Investment •••• 2468
$5,240.00
Retirement •••• 1357
$2,180.00
Digital Wallet •••• 8642
$320.00
A reusable React Entity Management Table component for admin dashboards, featuring account management, user management, responsive data tables, and advanced filtering with sorting controls.
| Date | Description | Category | Account | Amount | Status | |
|---|---|---|---|---|---|---|
| Today — May 31, 2024 | ||||||
a May 31, 202410:42 AM | Amazon.comOnline Shopping | Shopping | Chase Checking•••• 4521 | -$89.99 | Completed | |
☕ May 31, 20249:15 AM | StarbucksCoffee & Drinks | Food & Dining | Chase Checking•••• 4521 | -$6.45 | Completed | |
↓ May 31, 20248:00 AM | Direct DepositSalary Payment | Income | Chase Checking•••• 4521 | +$4,250.00 | Completed | |
| Yesterday — May 30, 2024 | ||||||
N May 30, 20247:30 PM | NetflixEntertainment | Entertainment | Wells Fargo Card•••• 1234 | -$15.99 | Completed | |
U May 30, 20246:12 PM | Uber RideTransportation | Transport | Chase Checking•••• 4521 | -$24.50 | Completed | |
W May 30, 20245:08 PM | Whole Foods MarketGroceries | Groceries | Chase Checking•••• 4521 | -$72.18 | Completed | |
| May 29, 2024 | ||||||
F May 29, 202411:20 AM | Figma Inc.Software Subscription | Subscriptions | AMEX Platinum•••• 5678 | -$12.00 | Completed | |
May 29, 20249:45 AM | Apple StoreElectronics | Shopping | AMEX Platinum•••• 5678 | -$129.00 | Completed | |
A reusable React Transaction Log component for fintech dashboards, featuring transaction history, payment records, activity tracking, advanced filtering, and responsive data tables.