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.
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.