Chrome tab
One click in the toolbar. It walks on whatever page you are reading.
Pick a tiny creature. It lives in your Chrome tab or on your desktop and keeps you company while you work.
Free · No account · Nothing leaves your browser
One click in the toolbar. It walks on whatever page you are reading.
One line of HTML. Your visitors meet it too.
It sits on top of your windows while you work.
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 walks along the edges of things and jumps from one to the next. Scroll, and it follows.
Clicks always reach the page underneath. Grab it to move it somewhere else. Let go and it lands.
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.
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>
| Attribute | Values | What it does |
|---|---|---|
data-color | auto · any CSS color | Color of the roamer. auto picks gray or light gray to suit your page. |
data-size | auto · pixels | Width of the roamer. auto scales with the window. |
data-layering | top · page | page lets fixed headers and dialogs cover it. |
data-links | true | When someone clicks an in-page # link, the roamer runs over and gives the target a bump. |
data-auto | false | Do 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.
One creature at a time, each with its own way of moving.
The classic. It came out of an offline page and never went back.
AvailableAlready peeking over the edge of our logo. It is the next one to move in.
NextNothing leaves your browser.