How do I add a stopwatch timer in Notion?

How to add a stopwatch timer in Notion

Add a stopwatch to your Notion page with Blocky. Choose one of five templates, set how the time shows, and paste the Embed link in Notion.

01Guide

The stopwatch in Notion, step by step.

What the widget shows, its templates and settings, and how to add it to your Notion page.

You can add a stopwatch timer in Notion to time anything without leaving your page. Press play to start, press it again to pause, and press reset to go back to zero. The time shows minutes, seconds, and hundredths.

Notion data

The stopwatch does not take Notion data.

Add a stopwatch and embed it in Notion

  1. In the Blocky dashboard, click Create widget.
  2. Under Category, choose Timer.
  3. Under Widget type, choose Stopwatch. This is the stopwatch.
  4. Under Style, choose a template, such as Normal.
  5. Click Open editor.
  6. Change the text, colors, and settings of the stopwatch in the editor.
  7. Click Save. Blocky publishes the stopwatch and opens the dashboard.
  8. On the card of the stopwatch, click Copy.
  9. In Copy embed link, copy the link on the Public tab. Anyone who has a Private link can use it, so use a private link only on pages that you control.
  10. In Notion, open the page for the stopwatch. Type /embed, choose Embed, and paste the link.
  11. Confirm the embed. If the stopwatch needs more space, resize the embed block.

Templates

The create dialog lists the templates of the stopwatch under Style:

  • Normal (Normal stopwatch). A white card with a light gray border and the time in its own bordered box. Round black buttons start, pause, and reset the time.
  • Minimalist (Minimalist stopwatch). A plain white card with no border and thin, widely spaced numbers. The play and reset icons sit on the card without a button background.
  • Retro (Retro stopwatch). A near-black card with a thick coral border and coral numbers in a monospace font.
  • Neomorphic (Neomorphic stopwatch). A soft gray-blue card where the time box and round buttons look raised, with light and dark shadows.
  • Neon (Neon stopwatch). A near-black card with cyan numbers, a cyan border, and a cyan glow. The time pulses while it runs and while it is paused.

Inputs

The stopwatch has no Inputs tab. Its main settings are on the Stopwatch element. Select it in the Elements panel, and then open the Appearance tab:

  • Shows sets the time to With hundredths or Seconds only.
  • Size sets the size of the time.
02Steps

From Create widget to your Notion page.

Create the widget, save it, and paste its Embed link in Notion.

  1. 01

    In the Blocky dashboard, click Create widget. Choose the Category, the Widget type, and a Style. The style is the template that your widget starts from.

  2. 02

    If the widget takes Notion data, choose your Notion database in the Connect your data step. Then click Open editor.

  3. 03

    Change the text, colors, and settings of the widget in the editor.

  4. 04

    Click Save. Blocky publishes the widget and takes you back to the dashboard.

  5. 05

    On the widget's card, click Copy, and then copy the Public link. Use the Private link only on pages that you control.

  6. 06

    On your Notion page, type /embed, choose Embed, and paste the link.

04Benefits

Why add stopwatch to Notion?

Blocky keeps the widget beside the notes, projects, and dashboards where the context already lives.

Keep stopwatch visible beside the Notion page where the work is planned.

Use a live preview before publishing so the embed matches the dashboard layout.

Update the Blocky widget once and keep the Notion embed URL stable.

Studio · CustomizeLive preview

Compose · Preview · Embed

Customize a widget, then embed it anywhere in Notion

Shape one of Blocky’s 60+ widgets to your data and layout, preview the result live, then drop the embed link into any Notion page. Sign in to start customizing.

Start customizing