Live on this page
A little cat that walks across your website
Look at the bottom of this page — there's a cat walking around right now. Add the same friendly companion to your own site with one line of code. No dependencies, no tracking, about 6 KB.
Tip: click the cat to give it a little love.
Customize your cat
Walks calmly along the bottom of the page.
Copy & paste this
Drop this just before the closing </body> tag of your site:
That's it — the cat appears automatically. It honours the visitor's reduced-motion setting and never blocks your buttons or links.
How it works
Customize the cat above — fur, size, speed and behaviour.
Copy the one-line script tag that updates as you tweak.
Paste it into your HTML before </body>. Done — a cat now walks your site.
Why you'll like it
- Featherweight — one self-contained file, ~6 KB, no jQuery, no build step.
- Private — pure client-side, zero network calls, zero tracking.
- Crisp — drawn as SVG, so it stays clean and sharp at any size.
- Considerate — pauses motion for visitors who prefer reduced motion.
- Alive — strolls, pauses, naps with a little "z", and purrs a heart when you pet it.