Achievement motion patterns
Progress, streaks and milestones. Celebration expressed through precision rather than confetti.
React + Motion · new patterns added daily
Badge Unlock
ReactAn earned badge lands and one band of light crosses its face — a single pass, then still.
Certificate Issue
ReactThe border strokes itself around the sheet, the seal settles on, and the name is written last.
Challenge Complete
ReactA seal presses onto the finished challenge card and settles a couple of degrees off square.
Combo Multiplier
ReactThe multiplier climbs while answers keep landing, and the charge bar drains toward the break.
Daily Goal Met
ReactThe day's tile turns over from its running total to its completed face.
First Time Badge
ReactThe first time an account does something, a small rosette settles beside the row and a marker line follows.
Goal Ring Close
ReactAn activity ring runs out the last of its gap, the caps meet, and the total settles once.
Habit Calendar Fill
ReactToday's square fills in the month grid and the run it belongs to draws itself underneath.
Leaderboard Climb
ReactYour row travels up the board while the rows it passes slide down to make the space.
Level Up
ReactThe points bar runs out of room, the level number rolls over, and the overflow refills from empty.
Milestone Reached
ReactA milestone card rises over the page and one soft band of light crosses it — no confetti.
Points Earn
ReactA credit chip lifts off the activity that earned it and the balance absorbs it on arrival.
Progress Bar Complete
ReactThe last segment fills, then the completion colour runs left to right across the whole bar.
Rank Promotion
ReactThe old tier ring fades while the new tier's ring strokes itself around the badge.
Personal Record
ReactThe newest column overtakes the best-ever marker, which rides up on it while the beaten mark drops away as a reference.
Reward Claim
ReactClaiming moves the voucher out of the offer and into the wallet, whose count ticks as it lands.
Streak Advance
ReactThe connector reaches today's cell, the cell fills, and the streak count rolls over.
Team Goal
ReactEach person's contribution grows into one shared track in turn until the stack passes the target mark.
Trophy Shelf Add
ReactA new award settles into the first slot while the awards already there slide over to make room.
Year in Review Stat
ReactA headline figure counts up over two deliberate seconds, then the line that explains it arrives.