Embed a timer on your website

A clean, ad-free countdown timer you can drop into any classroom site, study blog, or tutorial in one line of HTML. Free for personal and commercial use.

Live preview

Default — user picks the duration

<iframe src="https://timeninja.io/embed/timer" width="100%" height="320" frameborder="0" title="TimeNinja Timer"></iframe>

Loads with no preset. Visitors pick 1m / 5m / 10m / 25m / 50m via the chip buttons.

Pomodoro — 25-minute preset

<iframe src="https://timeninja.io/embed/timer?t=1500" width="100%" height="320" frameborder="0" title="25 Minute Pomodoro Timer"></iframe>

Loads pre-set to 25 minutes. Add ?t=SECONDS for any custom duration — ?t=300 for 5 minutes, ?t=3000 for 50 minutes, etc.

Five-minute timer — short focus blocks

<iframe src="https://timeninja.io/embed/timer?t=300" width="100%" height="320" frameborder="0" title="5 Minute Timer"></iframe>

Good for stretching breaks, quick exercises, and warm-ups.

Who uses this

Teachers & tutors

Drop a silent classroom timer into Google Sites, Canvas, or any lesson page. No login walls, no ads, no distractions.

Study bloggers

Pair the widget with Pomodoro and deep-work articles so readers can start a focus session without leaving the post.

Productivity coaches

Embed a 25 / 50 / 90-minute preset directly inside coaching pages, course content, or Notion-embed blocks.

Tutorial sites

Workout, recipe, meditation, language drills — anywhere a reader needs to time a step while staying on your page.

Frequently asked questions

Is it free for commercial use?

Yes. Personal, classroom, blog, and commercial use are all free. The only requirement is the small "Powered by TimeNinja" attribution link inside the widget stays visible.

Can I set a default duration?

Yes — add ?t=SECONDS to the iframe src. ?t=1500 for 25 minutes, ?t=300 for 5 minutes, ?t=3000 for 50 minutes, etc. Users can still change it with the chips.

Does the widget work on mobile?

Yes. It's responsive and scales to the iframe's width. width="100%" is recommended so it adapts to the container.

Is there a dark mode?

Yes — the widget respects the visitor's system colour scheme automatically and switches between light and dark to match the surrounding site.

How do I get support?

Email timeninjabiz@gmail.com with a link to the page where you've embedded the widget and we'll take a look.