Premium
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
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
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.
A slow, ribbon-like gradient mesh flows in a skewed band behind sharp headline type, while white payment, API and chart…
Glass panels with real refraction float over vivid, striped color: their rims bend what's behind them, two buttons fuse…
A dark-mode work tool drawn in hairlines and quiet radial glows: issue rows populate, ⌘K opens a command menu, a comman…
Rounded tiles spring into a bento grid on warm paper, each acting out one feature in a small animation, then the tiles…
More like this on the motion design inspiration board: UI animation inspirationSaaS video inspirationCharacter animation inspiration