Tag
#gamification
Build a Duolingo-Style Learning Tree UI in SwiftUI
The Duolingo learning tree is a winding path of lesson nodes with states. Here is how to build it in SwiftUI from a data model, with the path, states, and motion.
Wheel of fortune spinning animation in React Native (Reanimated)
Build a wheel of fortune spin in React Native with SVG and Reanimated. The key: choose the winning segment first, then animate the wheel to land on it.
Scratch Card UI in React Native + Expo: Skia Guide
How to build a scratch card reveal in React Native with Expo and Skia: the erase-mask technique, reveal thresholds, haptics, and the gambling line.
Duolingo-Style Progress Ring Animation on iOS (SwiftUI)
A Duolingo-style progress ring is one trimmed circle, animated. Here is the SwiftUI pattern, the rounded-cap detail, and how to drive it without redrawing.
SaaS Gamification React UI: Engagement Without Dark Patterns
Build SaaS gamification UI in React that motivates honestly: progress, streaks and badges tied to real value, not dark patterns. Start from a VP0 design.
Wheel of Fortune Spinner UI Template for iOS
A free SwiftUI spinner pattern: a smooth spin that lands fairly on a segment, with disclosed odds, Reduce Motion support, and no pay-to-spin. A reward, not gambling.
Forest Style Tree-Growing Focus Timer in SwiftUI, Free
Build a Forest style focus timer in SwiftUI from a free template. A tree that grows while you focus and withers if you leave, with Claude Code or Cursor.
Confetti Cannon Animation in SwiftUI (Free Pattern)
A confetti cannon celebrates a real win with a burst of particles. Build it in SwiftUI, fire it only on genuine success, and respect Reduce Motion.
Daily Check-In Calendar UI That Builds a Habit
A daily check-in calendar turns showing up into a streak. Build a motivating check-in grid from a free VP0 design, and keep the habit honest, not manipulative.
Duolingo-Style Streak Flame Animation in SwiftUI
Build a Duolingo-style streak flame animation in SwiftUI: a flame that grows with the streak and celebrates a daily win, from a free VP0 design.
Fitness App Achievement Badge UI That Motivates
Achievement badges work when they mean something. Build motivating fitness badges from a free VP0 design, celebrate real milestones, and keep it honest.
Leaderboard Podium Animation for iOS (Free SwiftUI Pattern)
Build a leaderboard podium that ranks your top three with a satisfying rise-into-place animation in SwiftUI, accessible and free, starting from a VP0 design.
Language Learning App UI: Lessons, Streaks, and Audio
A language app is a lesson path, bite-size exercises, and a streak. Build a Babbel-style learning UI from a free VP0 design with clear audio and spaced repetition.
Spin-the-Wheel Daily Reward UI: Fun, Fair, Not Gambling
A spin-the-wheel reward adds daily delight, if it is honest. Build a fair, transparent reward wheel from a free VP0 design that is fun engagement, never gambling.
Duolingo-Style Gamification UI (Learn the Pattern)
Gamification works when it rewards real progress, not empty points. Build streaks, XP, and wins from a free VP0 design, anchored to genuine actions in your app.