Tiny Roamers

Something lives on this page.

Pick a tiny creature. It lives in your Chrome tab or on your desktop and keeps you company while you work.

Chrome Web Store · in review Put one on your site

Free · No account · Nothing leaves your browser

Chrome tab

One click in the toolbar. It walks on whatever page you are reading.

Your site

One line of HTML. Your visitors meet it too.

Desktop

Soon

It sits on top of your windows while you work.

How it lives

Every heading, image and button on a page is a ledge. The roamer finds them on its own, on any site, without knowing what the site is.

It climbs

It walks along the edges of things and jumps from one to the next. Scroll, and it follows.

It stays out of the way

Clicks always reach the page underneath. Grab it to move it somewhere else. Let go and it lands.

It rests

When the page is quiet it sits down and blinks. Leave it long enough and it falls asleep.

The dino walking around this page is the real thing. It shows up once you scroll past the windows at the top.

On your site

Paste one line before </body>. No account, no build step, about 40 KB gzipped.

<script src="https://tinyroamers.oguzhd.com/v1/tinyroamers.js" defer></script>
Optional settings, as attributes on the script tag
AttributeValuesWhat it does
data-colorauto · any CSS colorColor of the roamer. auto picks gray or light gray to suit your page.
data-sizeauto · pixelsWidth of the roamer. auto scales with the window.
data-layeringtop · pagepage lets fixed headers and dialogs cover it.
data-linkstrueWhen someone clicks an in-page # link, the roamer runs over and gives the target a bump.
data-autofalseDo not appear on load. Call TinyRoamers.mount() when you want it.

From JavaScript: TinyRoamers.mount(options) places it, TinyRoamers.instance.destroy() removes it. The file is self-contained and loads nothing else. You can also download it and host it yourself.

Roamers

One creature at a time, each with its own way of moving.

Dino

The classic. It came out of an offline page and never went back.

Available

Cat

Already peeking over the edge of our logo. It is the next one to move in.

Next

Privacy

Nothing leaves your browser.

Read the full privacy policy