vividsitesKestle
Kestle sells a white ten-key macropad, and every key on the page presses. Tap a cap or hit 1 to 0 and it sinks on a spring, glows lilac underneath, ripples the plate and plays a thock synthesised for that switch, while a desk card answers with a typed terminal, a scrambled commit hash or a running record timer. Drag the knob and the volume turns. Scroll and it comes apart into case, plate, switches and caps; below, a second live model re-colours as you configure it, and a keymap editor redraws the 3D keycaps as you assign. Built in HTML and Three.js, one file, no build step.
Get this prompt- Type
- Landing Page
- Theme
- Macropad Hardware
- Stack
- HTML, Three.js, Synth Audio
How to use this prompt
- 01
Copy the prompt
Grab the full text — it carries the layout, motion, fonts and stack notes your AI needs.
- 02
Paste it into your AI coder
Claude Code, Cursor, v0, Lovable — anything that writes files. Paste it as-is.
- 03
The video is already wired
The prompt embeds a cloud URL for the source clip, so your coder fetches it automatically.
- 04
Make it yours
Swap the brand name, headline and accent colour. The motion and layout stay intact.
- 05
Ship it
Run the build and deploy to Vercel, Netlify, or any static host.
