mascot.js · for any domain

A mascot that lives on your site.

Pick a mascot, dress it up, or describe your own and AI draws it. Add one line to your pages and it moves in: it sits on your blocks, reads along, sits beside your ads, says the lines you give it, and acts out gestures for what your site is about.

Give your site a mascot See it on a demo site

Free while it's new. One of them is on this page right now. Try to catch it.

Mascots

Meet the mascots

Eight to start with, each its own character. Tap one and it takes over this page. Every one of them does every gesture and wears every hat.

Quillporcupine · Its quills are pens. Sneaky, a little rude, fond of a good book.
Mochicat · Naps in sunbeams, judges quietly, knocks things off tables.
Fizzfox · Quick, clever, and always one step ahead of the cursor.
Hootowl · Has read everything. Will tell you about it.
Bramblebear · Big, warm, and very fond of honey and hugs.
Nibblesbunny · Bouncy, curious, all ears.
Boltrobot · Beep. Helpful. Runs on compliments.
Sproutplant · Small, green, growing on you.

Dress them up

A hat, something over the eyes, something round the neck: 22 pieces to mix, in the mascot's own colour or yours. They keep them on while they go about their day.

Gestures

Gestures for every kind of site

Pick what your site is about and Quill acts it out: a gavel for a law firm, a SALE sign for a shop, a suitcase for a travel guide. Tap one to see it.

Blogging

For blogs and writers: drafts, posts and subscribers.

Writes
Types
Announces a post
Rings the bell

Marketing

For launches, landing pages and campaigns.

Shouts
Holds a SALE sign
Shows a chart
Celebrates

Law

For law firms, legal services and courts.

Bangs a gavel
Holds the scales
Reads a contract
Carries a briefcase

Marketplace

For shops and marketplaces: bags, parcels, prices.

Goes shopping
Delivers a parcel
Shows a price tag
Flips a coin

Groups

For clubs, communities and groups.

Holds a JOIN US sign
Waves a flag
Cheers
Wants a high five

Forum

For forums and Q&A: questions, ideas, replies.

Wonders
Has an idea
Raises its hand
Replies
Upvotes

Travel

For travel sites and guides.

Packs a suitcase
Reads a map
Takes a photo
Looks out
On holiday

Bookings

For appointments, hotels, tables and tickets.

Picks a date
Shows a ticket
Rings the desk bell
Holds a clock
Checks the list

School

For schools, courses and tutors.

Graduates
Teaches
Holds up a pencil
Brings an apple
Carries books

All 71 gestures in 17 categories

Ads

It sits beside your ads

Quill finds the ad slots on your pages, from AdSense and Google Ad Manager to anything you mark, and now and then goes and sits beside one, pointing at it, with a line of your choosing: “Sponsors keep the lights on.”

Mark any block with data-mascot-ad to send it there too.

Made with AI

Describe it, and it's drawn

Describe a mascot, “a grumpy owl librarian” or “a cheerful taco”, and the AI designs it on the same skeleton as the others, so every gesture and outfit fits it. Describe a gesture, “holding a surfboard”, and it draws the prop, the arms that hold it, the face, how it moves and what it says.

All of it comes back as JSON you can read and edit before you keep it.

Every drawing is checked before it reaches your page: only shapes, no scripts and no links.

{
  "name": "Surfs",
  "arms": "raise",
  "hand": "<path class=\"pp\" d=\"M95 47 L88 6 Q95 0 102 6Z\"/>",
  "mouth": "grin",
  "anim": "sway",
  "look": [2, -2],
  "lines": ["Surf's up!", "Hang ten. Or two."]
}

How it works

Four steps, one line of code

Sign up
An email and a password. That's all.
Register your domain
Quill works on it and its subdomains, and on localhost while you try it.
Pick a mascot
One of ours, or your own made with AI. Dress it, pick its gestures and write its lines.
Paste one line
Then invite your team to look after it with you.

<script src="https://domainmascots.com/mascot.js" data-site="YOUR_KEY" defer></script>