AI CSS Animations

Premium

Foldable Phone Unfold

An original book-style foldable on a pale stone sweep: closed, it turns to show its hinge spine, then springs open on a damped hinge while a tide app reflows from the cover screen across the inner display without a seam, a softbox highlight crossing the crease.

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

Book-style foldables carry a narrow cover screen outside and a near-square display inside that bends at a hinge. The engineering story is the hinge: a teardrop fold lets the panel close without a visible crease, and apps are expected to keep their state and reflow from the cover layout into a wider two-pane layout the moment the phone opens.

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 inspirationApp animation inspiration