Wallets, transactions and money movement
Mobile13 components48 variants2 recreations
Mobile balances, amount entry, send and request, transactions, cards, exchange, payouts and savings goals screens.
$9, or included with Pro
Progress, streaks and rewards (Mobile)
Mobile packDomain
Mobile streaks, XP bars, badges, leaderboards, quests, lesson paths, quizzes, hearts and loyalty points.
- components
- 23
- variants
- 63
- recreations
- 3
- themes
- 2
Also for desktop: Progress, streaks and rewards
What’s inside
13 game patterns: streak counters and calendars, XP progress, level celebrations, achievement badges, leaderboards, daily quests, a lesson path, three quiz types, lesson results, hearts and a points balance with rewards. Progress bars match the numbers they show, and every celebration has a reduced motion version with no confetti. Each page has documentation and a live grid in Light and Dark, Comfortable and Compact.
- 13 game patterns, from streaks to quizzes
- Multiple choice, match pairs and fill the gap quizzes
- Reduced motion version of every celebration
- 3 recreations from Duolingo, Starbucks and Strava
Streak counter
Free sample4 variants
- Active
- At risk
- Frozen
- Broken
Streak calendar
2 variants
- Week
- Month
XP progress bar
3 variants
- Early
- Halfway
- Almost
Level celebration
2 variants
- Full
- Reduced
Achievement badge
4 variants
- Earned
- In progress
- Locked
- Focus
Badge grid
1 variant
Leaderboard row
4 variants
- Default
- You
- Promotion
- Demotion
Leaderboard
2 variants
- This week
- All time
Quest row
3 variants
- In progress
- Done
- Locked
Daily quests
1 variant
Lesson path node
4 variants
- Done
- Current
- Locked
- Focus
Lesson path unit
1 variant
Quiz choice
6 variants
- Default
- Selected
- Correct
- Incorrect
- Disabled
- Focus
Multiple choice quiz
3 variants
- Answering
- Correct
- Incorrect
Pair tile
5 variants
- Default
- Selected
- Matched
- Mismatch
- Focus
Match pairs quiz
1 variant
Word chip
4 variants
- Default
- Placed
- Used
- Focus
Fill the gap quiz
2 variants
- Empty
- Filled
Lesson result
2 variants
- Perfect
- Passed
Hearts counter
3 variants
- Full
- Low
- Empty
Out of hearts
1 variant
Points balance card
2 variants
- Default
- Reward ready
Reward row
3 variants
- Available
- Locked
- Redeemed
- Figma file
- SuperDuper Pack: Progress, streaks and rewards (Mobile)
- Themes
- Light and Dark
- Densities
- Comfortable and Compact
- Also in the file
- Usage and accessibility notes, motion specs, Figma variables
- Covers 2 screen patterns
- Lesson & quiz and Promotions & rewards
How Duolingo, Starbucks and Strava do it
Recreations of real products, so you can compare approaches side by side. They are approximate, built from public product knowledge, with placeholder data and no third-party artwork.
Language lesson
Recreated from Duolingo
Coffee rewards
Recreated from Starbucks
Fitness challenge
Recreated from Strava
Not affiliated with, endorsed or sponsored by Duolingo, Starbucks and Strava. Their names are trade marks of their owners and are used only to say what each recreation is based on.
See the streak counter full size, free
A streak counter that is active, at risk, frozen or broken. All 4 variants, free to see with a SuperDuperUI account. The Figma file comes with the pack.
More domain packs
Chat, messaging and calls
Mobile17 components71 variants4 recreations
Mobile chat list rows, message bubbles, receipts, composer, voice notes, media, reactions and call screens.
$9, or included with Pro
Notifications and inbox
Mobile9 components34 variants3 recreations
Mobile notification patterns: inbox rows, bells with counts, unread markers, activity and action rows, push previews and banners.
$9, or included with Pro
Questions about the progress, streaks and rewards pack
One Figma file: SuperDuper Pack: Progress, streaks and rewards (Mobile). It has 23 components with 63 variants, 3 recreations, and notes on when to use each part. Everything uses Figma variables, so you can change the colours and type to match your product.