drive cluster
proGet the prompt, project and Figma file with monthly ($29 a month) or yearly ($249 a year). Plus tax where it applies.
An EV instrument cluster concept on a 1920 × 1080 stage that scales down to the window and loops every 13 seconds. At its centre a ring of about 22,000 WebGL particles opens from a scatter while a dial of ticks sweeps round it, the speed appears in big light numerals, and the side panels slide in: the clock and a next-turn line on top (Ridge Rd, its distance counting down as the car drives), range 412 km, a segmented battery at 78% and 14.6 kWh / 100 km on the left, the gear selector, drive mode and +24° outside on the right, and a power / regen meter below. The gear glides from P to D, then the car pulls away: the digits count up, a progress arc runs round the dial, the ticks brighten round the needle, the ring spins faster and leaves trails while some particles drift outward, and a 130 limit sign pops in. At 118 km/h the drive mode rolls from Comfort to Sport: orange-red sweeps clockwise round the ring, the dial, the battery and the glow behind it, and the car pulls on to 164. Then regenerative braking takes it down to 62: the particles pull inward, the ring's inner edge turns teal and the meter swings left into REGEN with negative kilowatts. The loop fades out and wakes again. Every frame comes from one pure render(t) (window.__render(t), window.__MANUAL, ?rec), so any moment can be drawn on its own. Host Grotesk and Geist Mono, grain and bloom, a reduced-motion still.
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
- instrument cluster
- EV dashboard
- speedometer
- particle ring
- WebGL points
- motion trails
- dial ticks
- progress arc
- rolling digits
- gear selector
- drive mode switch
- sport mode colour sweep
- regenerative braking
- power meter
- battery segments
- range readout
- turn-by-turn hint
- speed limit sign
- film grain
- bloom
- autoplay loop
- frame-exact recorder
stack
- react
- vite
- typescript
- webgl
- canvas
fonts
Host Grotesk, Geist Mono
Free fonts, linked in the prompt.
colors
- #030405
- #E6EDF7
- #FF5233
- #40E3C6
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

