AI CSS Animations

Premium

Turbofan Cutaway

A high-bypass turbofan in brushed titanium and enamel blue: the casing slices open on solid section faces, the fan spins up, air splits into bypass and core streams that heat as the combustor lights, and leader-line callouts walk from fan to turbine.

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
Explainer · 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

Cutaway drawings remove part of a casing so the working parts inside can be seen in place, with the cut faces shown solid. Aero engine makers have published them for decades as posters and manual plates, because a turbofan's story is its flow: a big fan pushes most of the air around the core, while the core compresses the rest, burns fuel in it and spends that energy in the turbine that drives the fan. Animated, the casing opens, the parts turn and the air can be followed from intake to exhaust.

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 inspirationExplainer video inspiration