Forget cold tooltips. Tiny pixel critters live inside your app — they walk to the right button, point it out, and explain it in their own voice. Onboarding becomes a moment people look forward to.
A blue rectangle floats over your face. There's an X. You hit X. The tour ends. You learn nothing.
A tiny friend hops in, waddles to the button, points, and explains. You smile. You click. You remember.
Pick the personality that matches your product — or the one that matches you. They each have their own walk, their own voice, and their own particle effects. Hover them to see them get excited.
Warm, encouraging, celebrates every small win. Perfect for portfolios, B2C, and places that need a hug.
Fluttery and full of magic. Leaves a sparkle trail. Great for creative tools, design apps, and Friday energy.
Never rushes. Walks you through edge cases without making you feel slow. Best for serious B2B SaaS.
Runs everywhere. Uses exclamation points like punctuation. Perfect for game-y, energetic, "go go go" apps.
Step one. Step two. Step three. No fluff, no filler — just the facts. The dev-tool dream.
Arrives in a puff of stars. Speaks in riddles, ultimately helpful. For premium UX and "wow" moments.
Paste a single <script> tag, or npm i @critter/sdk. That's it. No frameworks fight you.
Open your site in our visual builder. Click the buttons your critter should explain. Done — selectors auto-captured.
Choose Pepper, Faye, Brixley, Flint, Chip or Mox — or describe your own ("a chill astronaut cat") and we'll generate it.
Hit publish. Watch funnels fill up. A/B test characters and dialogue. See activation lift in real time.
These tiny demos run live, right here. Nothing pre-recorded. Hover them. They wave back.
Recruiters land on your portfolio. A fairy hops in, waves, and walks them through your best work. They remember you.
Numbered steps, zero filler. Guides new users to their first "aha" moment without making them read a manual.
Just shipped something? Send Flint to users who haven't tried it yet. They'll click. He's contagious.
Start free. Scale when you're ready. No surprise overages, no "talk to sales" walls until you're enormous.
Clippy was uncanny, intrusive, and always wrong. Critters are opt-in, only appear when you call them, and explain things they actually know about (because you built the tour). They're more like a friendly receptionist than a haunted paperclip.
~22kb gzipped. Lazy-loaded by default. It won't slow your site down — and characters only render once you actually start a tour.
Use data-critter-step attributes for the steps that matter — they survive any refactor. Critter also supports CSS selectors and AI-resolved natural-language targets ("the blue Save button in the top right").
Re-color any of the six base critters, or describe a new one ("a cheerful astronaut cat with a red scarf") and we'll generate the sprite, palette, and voice.
Yes — official wrappers for React, Vue, Angular, Svelte, Next.js and Remix. Or just drop the script tag into vanilla HTML. The SDK is framework-agnostic underneath.
Six critters. One drop-in SDK. Hours of saved support tickets. A product people quietly enjoy using.
No credit card · Free forever for hobbyists · Setup in 5 min