Sleepy Head Modal

Stop moving your mouse, scrolling or typing and the owl will nod off. A friendly modal lets you know, and one click wakes everyone back up.

No jQuery, no dependencies, just a native <dialog> with keyboard and screen reader support.

Owl naps in 20 seconds

Nap after Owl

Use it on your site

Copy the dist folder to your site, add the stylesheet and the modal’s HTML, then load the script and start it:

<link rel="stylesheet" href="dist/css/modal.css">

<script type="module" src="dist/js/modal.js"></script>
<script type="module">
  sleepyHead({ timeout: 20000 });
</script>

The full copy-and-paste setup is in the README on GitHub.