3D Website Factory

Real 3D websites from a folder of content, or your existing website made 3D. An agent skill for Claude Code, Cursor, Codex, Antigravity, Hermes and other coding agents.

Orbit. A speaker built from code. It tilts to your cursor, opens into five labelled layers as you scroll, and its dial turns on the page. Live demo →	Kiln. A flat SVG logo made into a fired-clay object with a glowing flame. It follows the cursor and turns as you scroll. Live demo →

| | | | Guild. A community site styled as an annual report. A dot globe turns as you scroll and member dots glow in. Live demo → | Sieve. A data tool. You scroll through a vortex of light particles until they settle into one bar chart. Live demo → |

| | | | Stride. A running shoe that comes apart into its six layers as you scroll. Live demo → | Ristretto. An espresso bar. One shot pours into the cup as you scroll. Live demo → | | | | | Promptly. Four 3D coaches whose eyes follow you, hop as your streak grows, and cheer when you sign up. Live demo → | Vanta. An electric coupe that drives through a tunnel of light as you scroll, then lets you pick its paint and wheels. Live demo → | | | | | Weft. Selvedge denim. Scroll and a needle sews the pocket, sets the rivets and hems the leg. Live demo → | Faraway. Small-group travel. Fly over a miniature island as the day turns to dusk and the lighthouse comes on. Live demo → | | | | | Ridgeline. An e-MTB tour: motor, battery, fork and tyres, then drag it round and tap its parts. Live demo → | Optra. A camera lens. Its eleven aperture blades close as you scroll, then the glass comes apart. Live demo → | | | | | Vela. A candle you light by scrolling. The page darkens to candlelight; at the end smoke rises. Live demo → | Ferro. A cast-iron pan, cast glowing hot, machined, seasoned and heated as you scroll. Live demo → | | | | | Hush. Noise-cancelling headphones. The noise field behind them settles to silence as you scroll. Live demo → | |

Every 3D object above is built in code: no video, no paid assets, sharp at any size, and it reacts to the visitor. All fifteen brands are fictional. All demos →

What it does

You put your words, logo and pictures in a folder and say "build me this as a website". A five-role pipeline does the rest:

           ┌──> Sculptor ── makes the 3D objects ──┐
Scout ─────┤                                       ├──> Builder ── stitches the site ──> Critic ──┐
interview, └──> Animator ── makes the motion ──────┘       ^                                       │
design system,                                             └───────── fixes, at most 3 rounds ─────┘
hero concepts

以上为 README 的开头部分。其余内容请阅读原文。 查看完整 README ↗