3D Cube Flip Cascade
A 3D cube flip text animation: each letter sits on its own block, and the blocks tip over in a cascade, every quarter turn showing a new color and typeface. Great for brand reveals, event countdowns and playful UI headers.
Prompt · replace [TEXT]
Tool-agnosticPut each letter of [TEXT] on its own tall 3D block, all blocks in a tight row filling most of the frame, seen almost head-on from slightly above on a dark charcoal stage with a soft spotlight. Every two seconds the blocks tip forward a quarter turn in a cascade from left to right, with a short stagger and a springy overshoot as each one lands, revealing a new face: cream with black heavy monospaced capitals, electric blue with white capitals, coral with a black high-contrast italic serif, then black with acid-lime outlined capitals. Faces darken as they rotate away from the viewer and a soft contact shadow under each block squashes on landing. Four flips bring the first face back for a seamless loop.
Visual DNA
- One rotating block per letter, all in a row on a dark stage
- Staggered left-to-right cascade with a springy overshoot
- Four faces per block: cream, electric blue, coral serif, black and lime
- Faces darken as they turn away; soft contact shadows pulse on landing
- Monospaced heavy capitals so every block shares one grid
- Category
- Kinetic Typography
- Demo built with
- CSS
- Energy
- Lively
- Background
- Dark bg
Also known as
Support
Keep aimotions free
Buy me a coffee No paywall, no sign-up. If a prompt saved you an hour, a coffee keeps new styles coming.
Keys: ← → browse · C copy
