chibi

Interactive keyboard

A little character.
In every key.

Sweep your pointer across the pastel keys to press them. Watch the face blink, or turn the keyboard around for a closer look.

Download scene
Loading keyboard...

Every key moves on its own

Each key has a pressed state. Hover transitions and the looping blink animation live in the downloadable scene file.

Waiting for the scene

Render it in React

import { ChibiScene } from "@chibi3d/runtime";

<ChibiScene
  src="/scenes/keyboard.chibi.json"
  className="h-[520px]"
/>