B-Bot expression kit Download
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

Download the zip, unzip it, and copy the files each example names into your project. The code follows the expression selected above: smile.

Download B-Bot (.zip)

What’s in the kit

Everything below is in the download, 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.
project/The full editable source, to change expressions or add new ones and rebuild.
LICENSECopyright and terms of use.