← All Widgets
spud widgets · water tracker

Water Tracker Widget Builder

Build a water tracker for Notion, a website, or a blog. Every drink fills the glass as its own time-stamped layer, your daily progress stays visible, and the tracker starts fresh at midnight.

Daily goal

Changing the unit converts everything below, so nothing gets mangled.

Quick-add buttons

Name them after what you actually drink from. Up to 6.

Custom amount
Theme
Or pick your own
Options
Movement

The glass is still at rest either way — this controls the pour, the ripple, and the rising bubbles.

1.00x

Live preview

Your Notion page

Paste it into Notion with /embed. The preview above is live — log a drink and it saves on this device.

How it works

Three steps, no account, nothing to install.

1

Set your goal

Pick a daily target and name the vessels you drink from — a 500 ml bottle, a 12 oz can, whatever's on your desk.

2

Copy your link

Every setting lives in the link itself, so there's nothing to sign up for or save.

3

Embed it in Notion

Type /embed on a Notion page, paste, and drag the block to the size you want.

Why this one

What this tracker does that the other embeddable ones don't.

Layers, not just a level

Each drink stays visible as its own band with the time beside it. Other water widgets only ever show one number — how full you are right now.

±

Any amount, your vessels

Name and size the quick-add buttons yourself, and log one-off amounts with the stepper. Nothing is locked to a fixed 250 ml glass.

Fix a mistake

Tapped the wrong button? Tap the layer in the glass to take that one drink back out, or undo the last change. Most trackers only count upward.

▁▃▇

Yesterday still counts

The glass empties at midnight, but the last seven days stay as a small bar strip underneath, so one bad day is visible in context.

Questions

Where does my log get saved?

In your browser's own local storage, on the device you tapped it on. Nothing is sent anywhere and there's no account, which also means the log doesn't follow you from your laptop to your phone — each device keeps its own.

My log disappears after a refresh. What's happening?

A few browsers — Safari most often, and any browser in private mode — block storage for pages embedded inside another site. The widget says so at the bottom when it happens. Opening the widget link in its own tab works normally.

Does the glass really empty at midnight?

Yes. Each drink is filed against a calendar date, so a new day starts empty even if you leave the page open overnight. Nothing is deleted — the previous days feed the seven-day strip, and about a month of history is kept.

I logged the wrong thing.

Tap the layer in the glass to remove that specific drink, or use undo to reverse the last change. Undo goes back several steps.

I changed a setting here but my Notion widget looks the same.

The builder and an embed you've already placed aren't connected — there's no account tying them together, which is the tradeoff for not asking you to make one. Copy the new link and paste it into the existing embed block's source to update it.

What should my goal be?

That's between you and your own habits — the widget doesn't guess, it just counts what you tell it. Set it to whatever you're actually aiming for and change it whenever.