library

effects

mcp

volt studies

pro

Get the prompt, project and Figma file with monthly ($29 a month) or yearly ($249 a year). Plus tax where it applies.

A one-page website for an invented automotive studio, "VOLT — Studies in Motion", told as one continuous three.js scene over about 27,000 px of scroll. A light paper loader counts to 100% under a spaced-out wordmark, then dissolves into a dark concrete studio where a "{ VOLT }" poster stands in a ring binder on a plinth under a spotlight. Scrolling turns the binder's pages: each is a poster for one of three original concept cars, the ivory Speedster, the Racing Green Roadster and the ember Berlinetta, and each car rises out of its page as a real-time model you can drag to rotate, repaint with a sweeping colour wave, and re-trim (paint, interior, wheels). Detail studies fly the camera into the cockpit, the wheels or the engine bay with the bonnet lifting; holding a button cross-fades the Speedster's poster to its construction drawing, and another explodes the Berlinetta into canopy, coachwork and alloy. Between the cars a cinematic gallery shows the Racing Green car at full scale with captions and a night shot, and the walk ends in a hall of four lit posters, "History, Craft, Legacy, Tomorrow". Poster type is drawn into canvases and prints itself in like ink, interface text changes letter by letter, a film grain runs over everything, and choices are saved, shareable as a link and downloadable as a personal edition PDF made offline. A ?demo=1 mode plays a frame-exact scripted take for recordings, and phones get their own stacked layout.

what you get

prompt
Paste it into Claude, Codex, Kimi or Cursor to rebuild this template. Tested: we rebuild every template from its prompt before it goes live.
project
The Vite + React source code as a .zip, ready to run.
figma file
The editable design as a .fig file to import into Figma.

what's inside

  • preloader
  • intro
  • navigation
  • scroll animation
  • 3d viewer
  • 3d gallery
  • camera moves
  • film grain
  • webgl shader
  • toast
  • touch support
  • keyboard navigation
  • autoplay

stack

  • react
  • vite
  • typescript
  • three
  • webgl2
  • gsap
  • scrolltrigger
  • canvas

fonts

Inter Tight, Sora

Free fonts, linked in the prompt.

colors

  • #080908
  • #E8E7DF
  • #F4F3EE
  • #103D29
  • #BB461F
  • #E8E5DA

license

With monthly or yearly: personal and commercial work, client projects included. Don't resell or share the template, prompt or files.

read the license