● Open source · React · TypeScript

A 3D robot for your brand.

BrandBot is an open-source 3D mascot you drop into any React app. It floats, blinks, and follows the cursor — your logo and colors are just props. It renders with Three.js and runs anywhere React does.

npm install brandbot

Configure & copy code → See the code

Drop it in.

Install the package, import the component, and render it in a sized box. It ships TypeScript types and the model is bundled — nothing else to host.

1 · Install

# npm
npm install brandbot three react

Imperative (optional)

const bot = useRef(null)
<BrandBot ref={bot} />
bot.current.spin()    // one full turn
bot.current.replay()  // zoom-in intro

2 · Use it

import { BrandBot } from 'brandbot'

export default function Hero() {
  return (
    <div style={{ height: 600 }}>
      <BrandBot
        primary="#13294b"
        eyes="#7fd4ff"
        logoText="ACME"
      />
    </div>
  )
}