tickline

Install instructions by platform

Notion

Type /embed on a page, paste the plain URL (not the iframe) and press Enter, then drag the block to the suggested height.

WordPress

Add a Custom HTML block in the block editor and paste the iframe snippet. Classic editor: switch to the Text tab first.

Webflow / Squarespace

Drop an Embed or Code block onto the page and paste the iframe. Publish to see it live — the designer preview may show a placeholder.

Ghost / Substack

Insert an HTML card and paste the iframe. Substack supports the plain URL in an embed block.

Confluence / Google Sites

Use the 'Insert > Embed' option and paste the URL; both render the widget in an inline frame.

Docs & MDX

Paste the iframe directly into your Markdown or MDX — Docusaurus, Nextra and VitePress all allow raw HTML.

Need different colours or a different length? Design your own in the embed generator.

Classic 25/5 Pomodoro

Study blogs, Notion dashboards, course pages

A 25-minute focus block with a 5-minute break, in Tickline's default dark palette. The most-copied widget on this page — it drops straight into a Notion study dashboard and keeps ticking while readers scroll.

  • In Notion, type /embed, paste the URL and drag the block to about 400px tall.
  • Pair it with a 'today's tasks' database so readers work and track in one view.
Website (iframe)
<iframe src="https://tickline.app/embed/pomodoro?focus=25&break=5&bg=0b0f14&ink=e6edf3&accent=38bdf8&display=digits&alarm=chime" width="100%" height="380" style="border:0;border-radius:12px" loading="lazy" title="Classic 25/5 Pomodoro — Tickline"></iframe>
Notion (plain URL)
https://tickline.app/embed/pomodoro?focus=25&break=5&bg=0b0f14&ink=e6edf3&accent=38bdf8&display=digits&alarm=chime
With credit line
<iframe src="https://tickline.app/embed/pomodoro?focus=25&break=5&bg=0b0f14&ink=e6edf3&accent=38bdf8&display=digits&alarm=chime" width="100%" height="380" style="border:0;border-radius:12px" loading="lazy" title="Classic 25/5 Pomodoro — Tickline"></iframe>
<p style="font-size:13px;margin-top:6px">Classic 25/5 Pomodoro by <a href="https://tickline.app/timer-embeds">Tickline</a></p>

50-minute exam block

Teachers, tutoring sites, revision guides

A single 50-minute countdown with a large digit display, sized for a projector or a whiteboard-friendly page. Students can read it from the back of a classroom without any set-up.

  • Set the iframe to 100% width so it scales on a projector.
  • Link it from your lesson plan page — the alarm is a soft bell rather than a klaxon.
Website (iframe)
<iframe src="https://tickline.app/embed/timer?m=50&s=0&bg=0f172a&ink=f8fafc&accent=facc15&display=digits&alarm=bell" width="100%" height="320" style="border:0;border-radius:12px" loading="lazy" title="50-minute exam block — Tickline"></iframe>
Notion (plain URL)
https://tickline.app/embed/timer?m=50&s=0&bg=0f172a&ink=f8fafc&accent=facc15&display=digits&alarm=bell
With credit line
<iframe src="https://tickline.app/embed/timer?m=50&s=0&bg=0f172a&ink=f8fafc&accent=facc15&display=digits&alarm=bell" width="100%" height="320" style="border:0;border-radius:12px" loading="lazy" title="50-minute exam block — Tickline"></iframe>
<p style="font-size:13px;margin-top:6px">50-minute exam block by <a href="https://tickline.app/timer-embeds">Tickline</a></p>

10-minute pie chart

Kids' activity sites, worksheets, SEND resources

A visual pie-chart countdown that empties like a slice of a clock. Non-readers and younger children follow the shrinking wedge instead of digits, which is why it works well on primary classroom resources.

  • Use a white background so it blends into light-themed blogs.
  • Great above a 'tidy-up time' or 'silent reading' instruction block.
Website (iframe)
<iframe src="https://tickline.app/embed/timer?m=10&s=0&bg=ffffff&ink=0f172a&accent=22c55e&display=pie&alarm=chime" width="100%" height="360" style="border:0;border-radius:12px" loading="lazy" title="10-minute pie chart — Tickline"></iframe>
Notion (plain URL)
https://tickline.app/embed/timer?m=10&s=0&bg=ffffff&ink=0f172a&accent=22c55e&display=pie&alarm=chime
With credit line
<iframe src="https://tickline.app/embed/timer?m=10&s=0&bg=ffffff&ink=0f172a&accent=22c55e&display=pie&alarm=chime" width="100%" height="360" style="border:0;border-radius:12px" loading="lazy" title="10-minute pie chart — Tickline"></iframe>
<p style="font-size:13px;margin-top:6px">10-minute pie chart by <a href="https://tickline.app/timer-embeds">Tickline</a></p>

4-minute coffee brew

Coffee blogs, recipe posts, café menus

A liquid-fill countdown that drains as the brew finishes — set to the standard 4-minute French press steep. Recipe posts embed it right next to the grind and water steps.

  • Embed one per brew method: 4 min press, 2:30 pour-over, 30 s espresso.
  • Add the credit line under the frame so readers can find the full timer.
Website (iframe)
<iframe src="https://tickline.app/embed/timer?m=4&s=0&bg=1c1917&ink=fafaf9&accent=f59e0b&display=liquid&alarm=gong" width="100%" height="360" style="border:0;border-radius:12px" loading="lazy" title="4-minute coffee brew — Tickline"></iframe>
Notion (plain URL)
https://tickline.app/embed/timer?m=4&s=0&bg=1c1917&ink=fafaf9&accent=f59e0b&display=liquid&alarm=gong
With credit line
<iframe src="https://tickline.app/embed/timer?m=4&s=0&bg=1c1917&ink=fafaf9&accent=f59e0b&display=liquid&alarm=gong" width="100%" height="360" style="border:0;border-radius:12px" loading="lazy" title="4-minute coffee brew — Tickline"></iframe>
<p style="font-size:13px;margin-top:6px">4-minute coffee brew by <a href="https://tickline.app/timer-embeds">Tickline</a></p>

Retro terminal 15-minute sprint

Dev blogs, docs sites, hackathon pages

Green-on-black terminal digits for a 15-minute working sprint. It looks native inside developer documentation, changelogs and hackathon schedules.

  • Works in MDX, Docusaurus and GitHub Pages — it is a plain iframe.
  • Use it in a 'try this exercise' callout so readers time themselves.
Website (iframe)
<iframe src="https://tickline.app/embed/timer?m=15&s=0&bg=000000&ink=00ff9c&accent=00ff9c&display=terminal&alarm=beep" width="100%" height="320" style="border:0;border-radius:12px" loading="lazy" title="Retro terminal 15-minute sprint — Tickline"></iframe>
Notion (plain URL)
https://tickline.app/embed/timer?m=15&s=0&bg=000000&ink=00ff9c&accent=00ff9c&display=terminal&alarm=beep
With credit line
<iframe src="https://tickline.app/embed/timer?m=15&s=0&bg=000000&ink=00ff9c&accent=00ff9c&display=terminal&alarm=beep" width="100%" height="320" style="border:0;border-radius:12px" loading="lazy" title="Retro terminal 15-minute sprint — Tickline"></iframe>
<p style="font-size:13px;margin-top:6px">Retro terminal 15-minute sprint by <a href="https://tickline.app/timer-embeds">Tickline</a></p>

45-second HIIT interval

Fitness blogs, PT landing pages, gym screens

A punchy 45-second work interval with a loud beep, tuned for circuit stations. Trainers embed several in a row to describe a full workout on one page.

  • Stack a 45s work and a 15s rest embed to describe one round.
  • On a gym display, set the iframe height to 480 so digits stay legible.
Website (iframe)
<iframe src="https://tickline.app/embed/timer?m=0&s=45&bg=111827&ink=f9fafb&accent=ef4444&display=digits&alarm=beep" width="100%" height="320" style="border:0;border-radius:12px" loading="lazy" title="45-second HIIT interval — Tickline"></iframe>
Notion (plain URL)
https://tickline.app/embed/timer?m=0&s=45&bg=111827&ink=f9fafb&accent=ef4444&display=digits&alarm=beep
With credit line
<iframe src="https://tickline.app/embed/timer?m=0&s=45&bg=111827&ink=f9fafb&accent=ef4444&display=digits&alarm=beep" width="100%" height="320" style="border:0;border-radius:12px" loading="lazy" title="45-second HIIT interval — Tickline"></iframe>
<p style="font-size:13px;margin-top:6px">45-second HIIT interval by <a href="https://tickline.app/timer-embeds">Tickline</a></p>

5-minute standup

Team wikis, Confluence, meeting templates

A quiet 5-minute countdown for daily standups and time-boxed agenda items. Confluence and Notion meeting templates can pin it at the top of the page.

  • Light palette so it disappears into a corporate wiki theme.
  • Duplicate per agenda item to make the time box explicit.
Website (iframe)
<iframe src="https://tickline.app/embed/timer?m=5&s=0&bg=f8fafc&ink=0f172a&accent=6366f1&display=digits&alarm=chime" width="100%" height="300" style="border:0;border-radius:12px" loading="lazy" title="5-minute standup — Tickline"></iframe>
Notion (plain URL)
https://tickline.app/embed/timer?m=5&s=0&bg=f8fafc&ink=0f172a&accent=6366f1&display=digits&alarm=chime
With credit line
<iframe src="https://tickline.app/embed/timer?m=5&s=0&bg=f8fafc&ink=0f172a&accent=6366f1&display=digits&alarm=chime" width="100%" height="300" style="border:0;border-radius:12px" loading="lazy" title="5-minute standup — Tickline"></iframe>
<p style="font-size:13px;margin-top:6px">5-minute standup by <a href="https://tickline.app/timer-embeds">Tickline</a></p>

10-minute meditation

Wellness sites, yoga studios, therapy resources

A slow liquid-fill session with a gong at the end, so there is nothing to read while your eyes are closed. Wellness pages use it under a breathing script.

  • Keep the page quiet around it — no autoplay audio competing with the gong.
  • Pair with a box-breathing guide for a complete session page.
Website (iframe)
<iframe src="https://tickline.app/embed/timer?m=10&s=0&bg=0f2027&ink=e2e8f0&accent=2dd4bf&display=liquid&alarm=gong" width="100%" height="380" style="border:0;border-radius:12px" loading="lazy" title="10-minute meditation — Tickline"></iframe>
Notion (plain URL)
https://tickline.app/embed/timer?m=10&s=0&bg=0f2027&ink=e2e8f0&accent=2dd4bf&display=liquid&alarm=gong
With credit line
<iframe src="https://tickline.app/embed/timer?m=10&s=0&bg=0f2027&ink=e2e8f0&accent=2dd4bf&display=liquid&alarm=gong" width="100%" height="380" style="border:0;border-radius:12px" loading="lazy" title="10-minute meditation — Tickline"></iframe>
<p style="font-size:13px;margin-top:6px">10-minute meditation by <a href="https://tickline.app/timer-embeds">Tickline</a></p>

52/17 deep-work cycle

Productivity newsletters, coaching sites

The 52-minutes-on, 17-minutes-off cycle popularised by productivity research, as a working Pomodoro-style widget rather than a static screenshot.

  • Ideal inside a newsletter archive post about focus methods.
  • Mention the ratio in your copy — it is a keyword people search for.
Website (iframe)
<iframe src="https://tickline.app/embed/pomodoro?focus=52&break=17&bg=141414&ink=fafafa&accent=fb7185&display=digits&alarm=chime" width="100%" height="380" style="border:0;border-radius:12px" loading="lazy" title="52/17 deep-work cycle — Tickline"></iframe>
Notion (plain URL)
https://tickline.app/embed/pomodoro?focus=52&break=17&bg=141414&ink=fafafa&accent=fb7185&display=digits&alarm=chime
With credit line
<iframe src="https://tickline.app/embed/pomodoro?focus=52&break=17&bg=141414&ink=fafafa&accent=fb7185&display=digits&alarm=chime" width="100%" height="380" style="border:0;border-radius:12px" loading="lazy" title="52/17 deep-work cycle — Tickline"></iframe>
<p style="font-size:13px;margin-top:6px">52/17 deep-work cycle by <a href="https://tickline.app/timer-embeds">Tickline</a></p>

Free timer embeds for Notion, WordPress and any website

Nine ready-made countdown and Pomodoro widgets, each tuned for a different kind of page: classrooms, recipes, workouts, meditation, developer docs and team wikis. Copy the iframe, paste it into your page and it works — no plugin, no account, no ads inside the frame.

Key facts

Widgets
9 ready-made embeds
Install
One <iframe>, no plugin
Platforms
Notion, WordPress, Webflow, Confluence, MDX
Displays
Digits, pie, liquid fill, terminal
Licence
Free for personal and commercial sites
Tracking
No cookies, no analytics inside the frame

How it works

  1. Step 1
    Pick a widget

    Choose the gallery card closest to what your page needs — length, display style and alarm are all preset.

  2. Step 2
    Copy the snippet

    Copy the iframe for a website, or the plain URL for Notion, Coda and other /embed blocks.

  3. Step 3
    Paste into your page

    Drop it into an HTML or embed block. Nothing else to install — no script tag, no plugin.

  4. Step 4
    Adjust and credit

    Tweak the height, or open the generator to change colours. Keeping the credit link helps others find the timer.

Frequently asked questions

Are the Tickline timer embeds free to use on my website?

Yes. Every widget on this page is free for personal and commercial sites, with no account, no ads inside the frame and no limit on page views. A small 'Powered by tickline.app' link sits under the timer.

Do I need JavaScript or a plugin to install a timer embed?

No. Each embed is a plain <iframe>. Paste the snippet into any HTML block — WordPress, Ghost, Webflow, Squarespace, Confluence, Google Sites, MDX docs — or paste the bare URL into Notion's /embed block.

Can I change the colours, sounds and length of an embed?

Yes. Every option is a URL parameter, so you can edit the snippet by hand, or use the embed generator to design one visually and copy the finished code.

Will an embedded timer slow my page down?

The iframe is loaded lazily and weighs a few kilobytes of HTML plus the timer script. It renders after your own content and sets no tracking cookies.

Can I embed more than one timer on the same page?

Yes. Each iframe runs independently, so you can stack a work interval and a rest interval, or one timer per recipe step, on a single page.

May I keep the embed if my site is behind a paywall or intranet?

Yes, as long as the frame can reach tickline.app. Intranet pages work fine provided outbound requests to the domain are allowed.

Related timers

1 Minute Timer10 Minute Timer11 Minute Timer12 Minute Timer15 Minute Timer16 Minute Timer2 Hour Timer2 Minute Timer

Explore Tickline

Looking for something specific? See the full list of 128+ timers and tools.