I'm bringing motion into Freeboard, by Valerio DonfrancescoI'm bringing motion into Freeboard, by Valerio Donfrancesco

I'm bringing motion into Freeboard,

Valerio Donfrancesco

Valerio Donfrancesco

I'm bringing motion into Freeboard, and I'd love your eyes on it.
Freeboard is my finance app for people with irregular income. Its month map is made of water lines: income flows into a lake, spending flows out. Now the water moves. Glints drift downstream, uncertain income falls in drops, and the lake fills when the month arrives.
Small moments speak the same language: a switch that fills with water, a button that draws its check, a logo whose bow rides higher when your buffer grows. With reduced motion on, everything holds still.
Two questions:
1. Does the moving water help you read the map, or does it distract?
2. Which micro-interaction feels right, and which one is too much?
Built in Rive and CSS. Try the pieces live: freeboard.money/rive/water-lines/ and freeboard.money/rive/motion/
Like this project

Posted Oct 12, 2026

I'm bringing motion into Freeboard, and I'd love your eyes on it. Freeboard is my finance app for people with irregular income. Its month map is made of wate...