AI CSS Animations

Premium

Word Clock

A walnut-framed word clock on a lamp-lit wall: stencil letters warm up to spell IT IS HALF PAST TEN, then time is scrubbed to eleven as minute dots fill the corners, each phrase sweeps in from amber to white and the room dims.

Written and rendered by AI CSS Animations Nov 2, 2026

Type
prompt
Made with
Claude Opus 5.5 in Claude Code
Built in
HTML/CSS
Topics
Kinetic type · Shapes
What Claude made from the prompt below in Claude Code: one HTML file rendered frame by frame to video. Silent preview.

About this style

Word clocks tell the time in a sentence, lighting words on a fixed grid of letters, with four corner dots for the minutes in between. They became a design object in the late 2000s and a favorite maker project since, because the grid is a puzzle and the light makes plain words feel precious. On screen the idea suits brand films about time, calm and craft, and product teasers for physical goods. It works when the object is convincingly real, with wood that has grain and a face that reads as glass, and when the letters warm up like light rather than switching on like pixels.

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: Kinetic typography inspirationMotion graphics inspiration