🌿dashboard

The Garden

A family portfolio you walk into — one garden per person, each with savings, a live 15-year forecast, and where the money is staked.

Preview demo

Fork opens your own copy in the builder to customize and publish. Preview launches the live, no-wallet demo to click around first.

What it does

  • A continuous scroll journey — foliage parts to reveal each garden, with no visible cut between them
  • One garden per person: balance, total saved, total earned, and an editable monthly deposit
  • A 15-year compounding forecast that separates what you deposited from what it earned
  • Twelve stablecoin yield options, each showing what it is and the 15-year difference
  • Reduced-motion visitors get every garden composed as a still
https://garden.mithril.money

Live, no-wallet demo — click around, then Fork it to make it your own.

About this template

The Garden turns a family's savings into somewhere you visit. Scrolling walks you through a gate and deeper along a path; at each turn the leaves part onto another garden, and each garden belongs to one person. Their panel shows what has been put in, what it has earned, and what it becomes over fifteen years of compounding — and the whole picture redraws the moment you change a monthly deposit or move the stake somewhere with a different rate. Twelve stablecoin venues are listed with what each one actually is and what the switch would be worth by year fifteen, deliberately unsorted and with nothing flagged as best.

How to use it

  1. 1Open the app and scroll — the gate parts onto the first garden, then the leaves part again for each one after it.
  2. 2Edit a monthly deposit straight in its panel; the fifteen-year forecast redraws as you type.
  3. 3Open 'Staked in' to compare yield venues, and use Load more to see the full list.
  4. 4Use the rail on the right to jump straight to any garden.

Make it yours

Replace the gardens in src/garden/data.ts with your own people, balances and deposits.
Swap the artwork in public/gardens — rooms are the scenes, leaves are the curtains that part.
Adjust VENUES to the yield sources you actually use, with your own rates.
Change BEAT_VH in src/garden/useWalk.ts to make the walk longer or shorter.

More templates