slipline

pro

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

An infotainment interface for an electric car on a 1920 × 1080 stage that scales to fit any screen. Drive: a dark city in perspective, drawn in WebGL, whose camera follows the car along a blue route. It speeds up to each street's limit, brakes before corners, arrives, fades out and starts again, with live speed, a bumping speed-limit sign, P / R / N / D gears, battery, weather, music, the next turn with its distance and arrival time, zoom, a 3D / 2D tilt and a compass. Systems: a health score ring and nine component tiles (battery pack, motors, tyres with a rear-left advisory, brakes, thermal, 12 V, sensors, software) with animated technical illustrations, a detail panel with a live 60-second chart and a diagnostics run. Climate: driver and passenger dials from 16 to 28 °C; cold frosts the card from its edges, warm adds a glow from below, with seat heat, airflow, a fan slider and air quality. All mock data.

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

  • dashboard
  • map
  • navigation
  • chart
  • dial
  • toggles
  • widgets

stack

  • react
  • vite
  • typescript
  • webgl
  • canvas
  • svg

fonts

Geist, Geist Mono

Free fonts, linked in the prompt.

colors

  • #050607
  • #0A0C0F
  • #EEF1F4
  • #8FD3FF
  • #7BE3B0

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