AI CSS Animations

Premium

EV Instrument Cluster

An electric car's curved cluster wakes in a dark cabin: a startup sweep lights the rings, speed counts to 72 as lane lines stream past a 3D car, regen turns the car to glass with teal energy flowing to the battery, the range ticks up and a turn card slides in.

Written and rendered by AI CSS Animations Nov 2, 2026

Type
prompt
Made with
Claude Opus 5.5 in Claude Code
Built in
three.js
Topics
Product UI · 3D
What Claude made from the prompt below in Claude Code: one HTML file rendered frame by frame to video. Silent preview.

About this style

Digital instrument clusters replaced needles with screens, and electric cars gave them new things to show: power that runs backward into the battery, a range that changes with how you drive, and a rendered model of the car itself. The best ones feel like part of the cabin rather than a tablet on the dash, so their motion follows the car's physics and their light falls on the surfaces around them. Automotive and product teams use films like this to pitch interface concepts before any hardware exists.

Premium

Unlock the prompt

Everything you see above is live. Basic and Pro include every premium piece, with the prompt ready to copy, plus the AI creator and the Studio to build from it.

Similar prompts

More like this on the motion design inspiration board: 3D motion design inspirationUI animation inspiration