B-Bot expression kit
Smile
Quick gestures (layer over anything)

Listening, thinking, talking, then happy.

Every expression

All running live. Select one to see it on the stage and get its code below.

In context

Neutral is exactly the original logo, so the bot can replace the current mark and only come to life when it has something to say.

24, 32, 48 and 72px. Use minimal below about 40px.
mono takes the text colour, for a coloured button.
The same bot on a dark section.
Looking through the file…
As a chat avatar while a reply loads.

Use it

The code follows the expression selected above: smile.

What’s in the kit

Everything here ships together, with no runtime dependencies.

b-bot.global.jsOne script tag. Registers <b-bot>.
b-bot.js, b-bot.min.jsThe same as an ES module, with types in b-bot.d.ts.
react/BBot.tsxReact and Next.js component, safe to server-render.
assets/animated/{brand,white}/Self-running SVGs for any <img>. No JavaScript.
assets/static/{brand,white}/One still pose per expression.
assets/expressions.jsonNames, labels and when to use each.