All kits

Download

Download

Your first kit is free. Then 5 kits a month for £19.99, every kit for £199.99 a year, or £9.99 for one.

Recorded on desktop

This one is built to be scrolled with a mouse on a wide screen. Here is what it does.

Open the live demo anyway

KIT 091 / Products / interactive 3D

Yoke

Outerwear label · scroll five jackets onto one man, unzip one, buy one

A fictional outerwear label whose five numbered jackets are tried on one man by scrolling, one unzips to let the page through, and one is bought

01Download
02Give it to your AI
03Say “build”

Your first kit is free. Then 5 kits a month for £19.99, every kit for £199.99 a year, or £9.99 for one.

Want this for your business?

LCP: 1.1s
JS: 61 KB

What you get109 files

.claude/skills/kit-adapt/SKILL.md
.cursor/rules/motion.mdc
AGENTS.md
CLAUDE.md
LICENSE.txt
START-HERE.md
assets/poster.webp
assets/products/base.webp
assets/products/detail-01.webp
assets/products/detail-02.webp
assets/products/detail-03.webp
assets/products/detail-04.webp
assets/products/jacket-01.webp
assets/products/jacket-02.webp
assets/products/jacket-03.webp
assets/products/jacket-04.webp
assets/products/jacket-05.webp
assets/products/pebble.webp
assets/products/street-01.webp
assets/products/street-02.webp
assets/products/street-03.webp
assets/products/street-04.webp
assets/products/street-05.webp
assets/products/street-06.webp
assets/products/street-phone.webp
assets/products/street.webp
assets/products/unzip-left.webp
assets/products/unzip-plate.webp
assets/products/unzip-right.webp
assets/products/worn-01.webp
assets/products/worn-02.webp
assets/products/worn-03.webp
assets/products/worn-04.webp
assets/products/worn-05.webp
prompts/chatgpt-sites.md
prompts/claude-code.md
prompts/cursor.md
prompts/lovable.md
prompts/replit.md
reference/camera-path.json
reference/depth.webp
reference/interaction-map.md
reference/layout.png
reference/scene-brief.json
reference/tokens.json
site/index.html
site/package-lock.json
site/package.json
site/privacy.html
site/public/favicon.svg
site/scripts/check.mjs
site/scripts/copy-decoders.mjs
site/spec.json
site/src/config.ts
site/src/dom/aisle.ts
site/src/dom/can.ts
site/src/dom/canopy-plan.ts
site/src/dom/canopy.ts
site/src/dom/conveyor.ts
site/src/dom/drift.ts
site/src/dom/ferro-beat.ts
site/src/dom/ferro-gl.ts
site/src/dom/ferro.ts
site/src/dom/img.ts
site/src/dom/kitwall.ts
site/src/dom/machine.ts
site/src/dom/magazine-plan.ts
site/src/dom/magazine.ts
site/src/dom/mailer-plan.ts
site/src/dom/mailer.ts
site/src/dom/pot-plan.ts
site/src/dom/pot.ts
site/src/dom/pour.ts
site/src/dom/proofs.ts
site/src/dom/rail.ts
site/src/dom/scaffold-plan.ts
site/src/dom/scaffold.ts
site/src/dom/scenes.ts
site/src/dom/sections.ts
site/src/dom/sky.ts
site/src/dom/solid.ts
site/src/dom/sprint-plan.ts
site/src/dom/sprint.ts
site/src/dom/storm.ts
site/src/dom/sundial.ts
site/src/dom/swatchfan.ts
site/src/dom/unbox.ts
site/src/dom/unwrap-plan.ts
site/src/dom/unwrap.ts
site/src/dom/unzip.ts
site/src/dom/wear-plan.ts
site/src/dom/wear.ts
site/src/fallback.ts
site/src/fonts.css
site/src/main.ts
site/src/prop-hero.ts
site/src/reference/camera-path.json
site/src/sequence-init.ts
site/src/sequence-worker.ts
site/src/sequence.ts
site/src/styles.css
site/src/tokens.css
site/src/webgl/camera-path.ts
site/src/webgl/interactions.ts
site/src/webgl/scene.ts
site/terms.html
site/tsconfig.json
site/vite.config.ts
spec.json

The promptIn the kit

82 lines. The prompt comes inside the kit, beside the files it builds from: one for each tool, so you paste the one for yours.

Works with5 tools

ChatGPT SitesClaude CodeCursorLovableReplit

Licence

One site per kit, for you or a client. Full terms

Keep browsing

More product kits first, then the rest of the gallery.

48 kits

Spatial Afterlight

Sunglasses brand · 3D product scene

Canopy

Botanical skincare · scroll through a hedge that parts to the product

Lodestone

Speaker brand · a ferrofluid pool that spikes to the pointer and the beat

Plainsheet

Furniture maker · a chair, table and shelf cut from one ply sheet in 3D

Long Way Round

Concept store · walk through the shop room by room

Issue 01

Clothing brand · a lookbook magazine whose pages turn as you scroll

Weightless

Skincare brand · products floating in zero gravity under glass droplets

Canvas

Tailor · a window onto the work that widens as you scroll

Sprint

Running kit brand · a race the scroll runs, ending on a photo finish

Sundial

Skincare brand · a shelf in window light, the day running with the scroll

Teasel

Clothing basics label · tees and sweats on a rail that turn on hover

Kiln Bloom

Ceramics studio · clay raised into a vessel, then the glaze, as you scroll

Loading 12 more