Verdelo
A household money app in smoked glass, with a card wallet
A complete money app for a household that shares one account, with three people, their cards and savings pots, a dark and a light theme, and it comes with sample data. Good for: a family or a couple who want to see what is coming in, what is going out and what is safe to spend. How it works: the overview opens on a wallet of glass cards you throw aside or flip over, beside the joint balance with a dotted forecast to the end of the month that marks paydays and bills, and money in and out as glass tubes that refill when you switch between a quarter, six months and a year. Includes: the overview with where the month went, short plain-word observations, the latest payments, quick send and the bills coming up; cards with freeze, online, abroad and contactless switches, a monthly limit and a press-and-hold PIN, plus virtual cards; payments by day with a detail drawer for each, a send money pad and a month of bills you pay or skip; insights with money in and out, the balance over time, spending by category, needs against wants and a heatmap of spending by day; budgets with a pace marker; savings pots that fill as you add money; the household with each person's month, permissions and a teen's allowance; settings with a CSV statement and a reset; and help. How to use: run it as it is to explore with the sample data, which is saved in your browser, then connect your own bank or accounting API in place of the sample data, since there is no backend; the sidebar folds to icons, Cmd+K searches everything, and it works on every screen from phone to desktop with a bottom tab bar on phones. Built with React, TypeScript and GSAP.
$91.00 — one-time price, free updates
- A React app template
- React and Vite · npm install and it runs
- Build unlimited client sites with it
Built with React, CSS, GSAP.
What is in the zip
- app.css
- css/budgets.css
- css/cards.css
- css/goals.css
- css/help.css
- css/household.css
- css/insights.css
- css/overview.css
- css/payments.css
- css/settings.css
- index.html
- src/App.tsx
- src/actions.tsx
- src/env.d.ts
- src/finder.tsx
- src/forecast.tsx
- src/main.tsx
- src/motion.ts
- src/noticed.tsx
- src/pages/budgets.tsx
- src/pages/cards.tsx
- src/pages/goals.tsx
- src/pages/help.tsx
- src/pages/household.tsx
- src/pages/insights.tsx
- src/pages/overview.tsx
- src/pages/payments.tsx
- src/pages/settings.tsx
- src/pages/types.ts
- src/router.ts
- src/store.ts
- src/tubes.tsx
- src/ui/charts.tsx
- src/ui/format.ts
- src/ui/icons.tsx
- src/ui/kit.tsx
- src/ui/money.tsx
- src/ui/overlay.tsx
- src/wallet.tsx
- tsconfig.json
Version history
- v1.0.0, 2026-11-08 — First release. Verdelo shipped, with the reel recorded from the real page.