Back to Table blocks
A reusable React Entity Management Table component for admin dashboards, featuring account management, user management, responsive data tables, and advanced filtering with sorting controls.
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.
Your Asset Performance Table overview
Asset
Type
Quantity
Avg. Price
Current Price
Value
Gain / Loss
(AAPL)
Stock
50
$150.00
$189.20
$9,460.00
+$1,960.00
+26.12%
(VOO)
ETF
30
$375.20
$432.80
$12,984.00
+$1,728.00
+15.35%
(MSFT)
Stock
40
$280.50
$415.30
$16,612.00
+$5,906.00
+48.25%
(UST10Y)
Bond
20
$98.50
$101.20
$2,024.00
+$54.00
+2.74%
(VNQ)
ETF
25
$92.30
$96.10
$2,402.50
+$95.00
+4.12%
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.
| 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.