Browse components
Glint Bot
A retro robot with a lit CSS-3D visor head that turns toward your cursor, spinning reel eyes and jointed arms. It blinks, smiles when booped, blushes when petted and gets dizzy if you poke it too much.
Installation
npx shadcn@latest add @glint-ui/glint-botFirst time using @glint-ui? Add the registry to components.json once, or install by URL: npx shadcn@latest add https://glint-ui-seven.vercel.app/r/glint-bot.json
Usage
import { GlintBot } from "@/components/ui/glint-bot";
<GlintBot size={280} color="#b5e61d" />Props
| Prop | Type | Default | Description |
|---|---|---|---|
| size | number | 280 | Overall size in px. |
| color | string | "#b5e61d" | Head color. Lighting is computed, so any color shades correctly. |
| accent | string | "#f4b860" | Band around the top of the head. |
| screen | string | "#141a0f" | Visor glass color. |
| ink | string | "#d9ff6b" | Lens and grille glow color. |
| followCursor | boolean | true | Turn the head toward the pointer. |
| wave | boolean | false | Raise the right arm and wave. |
| interactive | boolean | true | Blink and react to clicks, petting and poking. |
| label | string | "Glint Bot" | Accessible name. |
| className | string | — | Extra classes for the root element. |