Motion
Top apps' interactions, pulled out and looked at on their own
One app per page: its motion is broken into motifs, each rebuilt 1:1 as a pure-CSS keyframe loop you can replay.
Duolingo
11 motifsEleven gamified-learning interaction motifs: match-and-stamp, fly-in word chips, chest openings, combo bursts, idle path — all rebuilt as pure-CSS loops. Click any card to replay.
Open animations · copy prompts for AI →Tide
9 motifsNine motifs rebuilt against Tide's current release (5.11): glassmorphic home carousel, circular soundscape shared-element expand, ruler-tick focus timer, 4-4-4-4 breathing circle, growing sleep-stage report, flying quote-card deck, staggered sleep-story grid, breathing meditation arch, moon-to-sun wake ring — all pure-CSS portrait loops.
Open animations · copy prompts for AI →Finch
7 motifsSeven motifs rebuilt against Finch's current release (3.73): checkbox bounce with flying energy, watering-can bloom + growing bars, sun-badge streak party, bouncing buddy pair-up sheet, marching birds' morning chat, support-card theme picker with send-off flight, adventure walk + return track — all pure-CSS portrait loops.
Open animations · copy prompts for AI →Erly
7 motifsSeven motifs rebuilt against Erly's current release (1.3.15): a lavender breathing-orb home with a rolling streak, alarm switches flipping on with ripples, a camera-frame mission countdown, a staggered mission-picker sheet, popping checkmarks on the success screen, iridescent milestone badge discs, and a moon-to-sun app-blocking sheet — all pure-CSS portrait loops.
Open animations · copy prompts for AI →