AI CSS Animations

Premium

Photo Mosaic

About 2,000 tiny photographs drawn in code fly in, sort themselves into a tone ramp and then into a lighthouse at dusk; the camera pulls back until the picture resolves, then dives into one tile to show a sailboat print with a locator map.

Written and rendered by AI CSS Animations Nov 2, 2026

Type
prompt
Made with
Claude Opus 5.5 in Claude Code
Built in
Canvas
Topics
Photos · Particles
What Claude made from the prompt below in Claude Code: one HTML file rendered frame by frame to video. Silent preview.

About this style

A photographic mosaic builds one large picture out of many small photographs, each chosen or tinted so its average tone matches its place in the larger image. The idea goes back to photo collages of the nineteenth century and became a popular digital technique in the 1990s, when software could match thousands of tiles automatically. The appeal is the double read: a single image from far away and hundreds of separate stories up close.

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: Particle animation inspirationPhoto animation inspiration