Notion widgets

Notion Water Tracker Widget

Drink more water with a row of glasses that fill as you go.

  • Free foreverNo trial, no paywall, no usage limits.
  • No sign-upOpen the page and start. We never ask for an email to use a tool.
  • PrivateEverything runs in your browser. Your input is never uploaded or stored on our servers.
  • Works offlineOnce the page has loaded, the tool keeps working without a connection.

Style

Five looks. Every option below works with every style.
A frosted, translucent card with a soft highlight edge.Clean type, no frame. Blends into any Notion page.Glowing accent-colored type. Best on dark pages.A warm paper card with serif type, like a note on your desk.An LCD screen with scanlines and monospace digits.

Water Tracker options

Reset to defaults
How many glasses to aim for. Needs vary with body size, activity and climate, so pick what suits you or your doctor's advice.
The size of one glass, used for the total under the glasses. 250 ml is a typical glass; a large bottle is 500 to 750 ml.
Show the total in milliliters and liters, or in US fluid ounces.
Small bars under the glasses with how much you logged on each of the last seven days.
Shown above the glasses. It also names the saved log, so two trackers need different titles.

0/40 characters

Colors and font

Light or dark colors. Auto adapts to the page it is embedded in.
Follows the page: light text on dark Notion pages, dark text on light ones (in browsers that pass the theme to embeds, otherwise your device setting).Dark text for light Notion pages.Light text for dark Notion pages.
Transparent lets your Notion page show through, so the widget looks built in. Solid gives it its own card.
Blends into the page behind it.Fills the embed with the style's own background.
Used for highlights: progress fills, the second hand, glows. Leave it on the style default or match your page's colors.
Using the style's own accent. Pick a color to override it.
Fonts already on the viewer's device, so the widget loads instantly and works offline. Each style has its own default.

Language and credit

How month and day names and numbers are written. Auto uses each viewer's browser language. Text you type is shown as you typed it.
A small link in the corner that opens this builder in a new tab. The widget is free either way; turn it off to hide it.
Edit a widget you already madePaste its link

Live preview

This is the real widget, running exactly as it will in Notion.
A small block: 420 × 150 px.One of two columns: 340 × 220 px.The full width of a standard page: 600 × 240 px.
See the widget on a light Notion page.See the widget on a dark Notion page. Theme Auto switches with it.

340 × 220 px

Your embed link

Paste this into a Notion embed block. Everything about the widget is in the link, so there is no account and nothing to save.
Open in new tab
The link updates as you change options. Anyone who can see your Notion page can read the text in it.

How to add it to Notion

  1. 1Copy your linkPress Copy embed link above.
  2. 2Add an embed blockIn Notion, type /embed on an empty line and press Enter.
  3. 3Paste the linkPaste it into the box and choose Embed link.
  4. 4Resize itHover over the embed and drag the bars on its sides. The widget refits to any size.

Works in Notion on the web, the desktop app and the mobile apps: the widget needs no login, so it loads everywhere. Notion's guide to embeds

Want a site designed with this level of care? Talk to our team

Quick answer

A Notion water tracker widget is a row of glasses you tap to log water inside a Notion page. Playxoft's free water tracker counts glasses toward a daily goal, shows the total in milliliters or fluid ounces, starts fresh at midnight and can show the last seven days. Your log stays in your browser. Set your goal, copy the embed link and paste it into /embed in Notion.

  • Tap to log a glass
  • Daily goal
  • ml or fl oz
  • Resets at midnight
  • Last 7 days
  • Saved in your browser

How to use the Notion Water Tracker Widget

  1. 1Set your Daily goal in glasses.
  2. 2Set the Glass size and choose ml or fl oz for the total.
  3. 3Switch on Last 7 days for a small chart, and pick a style.
  4. 4Press Copy embed link, then type /embed in Notion and paste it.
  5. 5Tap a glass each time you drink. Tap the last full glass to undo.

How much water should I drink a day?

There is no single number for everyone. The US National Academies of Sciences, Engineering, and Medicine set an adequate intake of about 3.7 liters of water a day for men and 2.7 liters for women, and the European Food Safety Authority about 2.5 and 2.0 liters. Both count all water, including what is in food and other drinks, and food usually provides around a fifth of it.

"Eight glasses a day" is a handy rule of thumb rather than a scientific rule. You need more in hot weather, during exercise, and when pregnant or breastfeeding, and some medical conditions call for less, so follow your doctor's advice if you have one.

GoalGlass sizeTotal
8 glasses250 ml2 liters
8 glasses8 fl oz64 fl oz (about 1.9 liters)
4 bottles500 ml2 liters
3 bottles750 ml2.25 liters

How does the water tracker work?

Tap a glass to fill every glass up to it, or press + Glass. Tap the last full glass again, or press the minus button, to take one back. Drink past your goal and the widget keeps counting, with a small "+2" after the glasses.

The line under the glasses shows how many you have had and the total in milliliters, liters or US fluid ounces. When you reach your goal it says so, in your accent color. At midnight on your device, the glasses empty for the new day. With Last 7 days on, seven small bars show how close you came to your goal each day this week.

Where is my water log saved?

  • This browser only. Your glasses live in your browser's storage for the widget, on this device. Nothing is sent to a server, so there is no account, and it does not sync between your laptop and your phone.
  • Yours alone. Everyone who opens the Notion page gets their own copy of the widget, starting empty. For a tracker a whole team shares, use a Notion database instead.
  • The title names it. The widget saves under its Title, so two trackers on your pages need different titles to stay apart. A new style or color keeps your data.
  • When it is not kept. Private windows and strict privacy settings can block storage in embeds; the widget then says so and works for that visit only. Clearing your browser's site data erases it, and Safari can clear it when playxoft.com has not been visited for a while.

The widget keeps the last two weeks of daily totals and nothing else.

Tips for drinking more water

  • Match your bottle. Set Glass size to the bottle you carry, so one tap is one refill.
  • Keep it in sight. Put the tracker at the top of the Notion page you open every morning.
  • Pair it. Add "Drink water" to a habit tracker to build a streak, or count other drinks with a counter.

Frequently asked questions

Set your daily goal and glass size in Playxoft's water tracker builder and press Copy embed link. In Notion, type /embed, paste the link and choose Embed link. Then tap a glass each time you drink.
Eight glasses of about 250 ml is a common rule of thumb. Official guidance counts all water from food and drinks and is higher for men than for women, and needs change with heat, exercise and health, so pick a goal that suits you or your doctor's advice.
Yes. The glasses empty at midnight on your device and a new day starts. With Last 7 days on, you can still see the past week's totals as small bars.
Yes. Choose fl oz under Units to see the total in US fluid ounces. Set the glass size in milliliters; an 8-ounce glass is about 240 ml.
No. It is saved in the browser where you tap the glasses, on that device only, and never sent anywhere.
Yes. It is free with no sign-up and no limits. The small Made with Playxoft link in the corner can be turned off.

Last updated by the Playxoft engineering team.

From the designers who built this tool

Want your site to look this polished?

Consistent color, crisp typography and fast pages are what make a site feel premium. We build accessible, high-converting websites with design systems that stay consistent everywhere. Send us your site and we will share honest recommendations, free.

Get a free website reviewSee website services

More free tools

See all tools

Free Notion Widgets

New

Clocks, countdowns, Pomodoro timers, calendars and more for Notion, in five styles. Free.

Open tool

Notion Clock Widget

New

Digital, analog, flip or word clock for Notion in any time zone, in five styles.

Open tool

Notion Countdown Widget

New

Count down to any date and time in Notion, then show a message or keep counting up.

Open tool

Notion Progress Bar Widget

New

How much of the year, month, week, day or your own date range has passed, live in Notion.

Open tool

Notion Calendar Widget

New

A mini month calendar for Notion with today marked, week numbers and month buttons.

Open tool

Notion Pomodoro Timer Widget

New

A Pomodoro focus timer for Notion with breaks, session dots and a soft chime.

Open tool