Skip to content
Website widget

Keep your readers' screens awake

Add a Cook Mode button that keeps your readers' screens awake: one script tag, an honest status and no third-party requests. Free with a credit link.

Build your widget

Pick how it looks. The demo and the snippet change as you go.

Mode
Theme
Size

Live demo

This is the real widget, with the credit line the loader adds under it.

Install: one line

Paste it where the widget should appear. The loader adds the credit link itself.

<script async src="https://awaketab.com/embed.js" data-mode="cook" data-theme="auto" data-size="compact"></script>

Why the allow attribute matters

Browsers let an embedded page keep the screen awake only when the site allows it with allow="screen-wake-lock". The loader always adds it. If your platform strips script tags, paste this iframe instead and keep the allow attribute.

<iframe src="https://awaketab.com/embed/cook?mode=cook&theme=auto&lang=en&size=compact&preset=pinf"
  title="Keep screen awake"
  allow="screen-wake-lock"
  loading="lazy"
  referrerpolicy="strict-origin"
  sandbox="allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox"
  style="width:320px;max-width:100%;height:104px;border:0;border-radius:18px;display:block"></iframe>
<div class="awaketab-credit" style="display:block;margin:16px 0 0;height:24px;font-size:13px;line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis"><a href="https://awaketab.com/?ref=embed&source=embed" rel="nofollow" style="color:inherit;font:inherit;text-decoration:underline;text-underline-offset:3px">Keep awake by AwakeTab</a></div>

JavaScript API

The loader exposes window.AwakeTabEmbed with on("state", callback), start({ preset, ms, until }), stop() and setTheme(theme). Call start() from a click: the video fallback needs a tap.

Licences open soon

A Business licence will remove the credit line and give the Start button your brand colour. Keeping the screen awake is the same either way.