Fintech Bento is a dark banking dashboard in a bento grid, in the style of Apple Human Interface Guidelines.
What is inside
- Balance hero on a mesh gradient with glass controls, count up total and a scrubbable chart
- Live watchlist with ticking prices and sparklines
- Spending rings by category with a monthly limit
- Weekly bar chart with selectable days
- Quick send with contacts and preset amounts
- Savings goal with a segmented progress bar
- Recent activity list
Technical details
- One React component (TypeScript, about 950 lines) plus a demo file
- Tailwind CSS v4 with shadcn/ui theme tokens
- One accent color prop, all data through props, demo data included
- No chart library and no other dependencies
- Responsive grid, reduced motion support
Files: fintech-bento.tsx, demo.tsx, package.json, README.md.
Black FridayLifetime Pro for $224 instead of $449Ends in0d00h00m00sSee the deal
