AI CSS Animations

Premium

Video Call Grid

A warm, light meeting app: six illustrated people join and the grid reflows on springs, a green speaker ring passes around the conversation, emoji reactions float up, then a screen share grows out of one tile as the grid folds into a filmstrip.

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
Product UI · SaaS promo · Characters
What Claude made from the prompt below in Claude Code: one HTML file rendered frame by frame to video. Silent preview.

About this style

Video meeting software turned the tile grid into one of the most familiar interfaces of the decade, and product films for collaboration tools keep returning to it. The hard part is motion: tiles have to make room for newcomers without overlapping, the active speaker must be obvious at a glance, and switching to a shared screen has to feel like a continuation rather than a cut. Illustrated people instead of photos keep a film warm and on brand and avoid stock footage. It works when the springs are well damped, one accent color means one thing, and the share visibly grows out of the person who started it.

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: UI animation inspirationSaaS video inspirationCharacter animation inspiration