↑↓ to move ↵ to open Esc to close Browse all tools

Widgets for Notion and OBS

Make a countdown, a clock, a timer or a stopwatch, choose the text and colors, and copy one link. It works as a Notion embed, as a browser source in OBS and in an iframe on any website.

Build a widget

Timer length
h min s
Clock options
Start
Background
Preview

The checkered pattern stands for a transparent background: on your page or stream, only the text shows.

Open

Add a widget to Notion

  1. Build the widget above and press Copy link.
  2. On your Notion page, type /embed and choose Embed.
  3. Paste the link and press Embed link. Drag the edges of the block to the size you want; the numbers scale with it.

A transparent background takes the color of your Notion page. Notion has a light and a dark mode, so pick a text color that reads on the mode you use, or choose Dark or Light to give the widget its own background. A countdown to an exam, a launch or a holiday fits a dashboard page, and a clock with a city time zone helps a team spread over several countries.

Use a widget in OBS or Streamlabs

  1. Add a new source and choose Browser.
  2. Paste the widget link into the URL field and set the width and height, for example 1280 by 360 for a banner or 1920 by 1080 for a full scene.
  3. Leave the custom CSS as it is. The widget background is already transparent, so only the numbers appear on top of your scene.

For a "starting soon" scene, use a countdown to your start time in your own time zone. For a timer or stopwatch, turn on Start by itself: the browser source starts counting when the scene loads. To start over, right-click the source and choose Refresh. The widget keeps time by the computer clock, so it stays right even if the scene was hidden for a while.

Put a widget on a website

Copy iframe code gives a ready <iframe> tag for any page builder that accepts HTML, such as WordPress, Squarespace or Webflow. Set the height in the code to the size you want; the widget fills whatever space it gets. For a full calculator or tool instead of a widget, our embed page lists the tools that can be placed on another site.

Frequently asked questions

How do I add a widget to Notion?

Copy the widget link, type /embed on your Notion page, paste the link and press Embed link. Drag the corners of the block to resize it; the numbers grow and shrink with the block. Notion shows the widget for everyone who can see the page.

How do I use a widget in OBS?

In OBS, add a source of the type Browser, paste the widget link as the URL and set the width and height, for example 1280 by 360 for a countdown bar. Keep the background on Transparent, so only the numbers sit on top of your scene. For a timer or a stopwatch, turn on Start by itself, because nobody can click inside a stream.

Which time zone does the countdown use?

The one you pick. With Viewer's time zone, the date you type is read in the clock of each person who opens the widget, which suits a New Year countdown. Pick a city when everybody counts down to the same moment, such as a launch or a live stream; the widget then shows the date with that city's name.

Is anything stored or tracked?

No. All settings sit in the link itself, and the widget runs in the browser that shows it. There is no account, nothing is saved on our server, and the widget page sets no cookies.

Can I remove the "Widget by freebiefy.com" line?

Yes, untick Show the small credit line. We are glad when you keep it, because it helps other people find the widgets, but the widget works the same without it.

Does the timer make a sound?

Yes. When a timer reaches zero, it plays three short beeps if it was started with a click. Browsers do not allow sound without a click on the page, so a timer that starts by itself, as in OBS, stays silent.

Full-screen versions

For a big screen in a room rather than a small widget, open the countdown timer, the online timer, the stopwatch or the world clock, which all have a full-screen button. Teachers can put timer, name picker and groups side by side on the classroom screen.