Web System
BOP
A 3D character landing page: a glossy head that follows the cursor, drags with inertia and turns as you scroll, plus a seven-face character index.
About
What you are rebuilding
A character study for a fictional studio mascot. A glossy 3D head follows your cursor, can be grabbed and spun, turns as you scroll and settles when you stop. Below, a bento of seven characters that change mood on hover.
Rebuild test
Rebuilt 1:1 from this prompt
What's inside
- Live demo
- Agent prompt for Claude Code and Codex (Vite + TypeScript, model-viewer)
- Framer Agent prompt with three code components
- Visual kit: the 3D head and 14 portraits from the Toy Faces collection

Visuals from the collection
Toy Faces
Collection of stylized 3D characters.
Pro
Prompts
Get the prompt for your tool


Claude Code · Codex
Agent prompt
Rebuilds the site in code with the same sections, motion and media. Open an empty folder, start Claude Code or Codex and paste the prompt.

Framer Agent
Framer prompt
Places our ready-made code components on a native Framer page, so every section looks and moves exactly like the demo. Open a new Framer project, start Framer Agent and paste the prompt.

Framer Remix
Framer project
The finished site as your own Framer project — every breakpoint, motion and media already inside. One click copies it into your workspace; edit it on the canvas and publish. Unlimited sites for you and your clients.
