The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Daily Streak — Interactive Rive Gamification
An interactive daily streak experience built in Rive, featuring expressive fire animations, satisfying transitions, and dynamic weekly progress.
Created with Rive State Machines, Data Binding, and reusable components to demonstrate responsive, state-driven motion design.
Highlights
Interactive flame and burst animations
Animated daily progress and completion states
Dynamic streak counter
Staggered day entrance and reset animations
Reusable, data-driven Rive components
Tools: Rive
Skills: Interactive Animation, Motion Design, Gamification, State Machines, Data Binding
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
A few characters I’ve brought to life in Rive.
Beyond the animation: interactive states, responsive behaviours, and personality built to work inside real products.
The Rive Halloween Challenge is officially wrapped! Huge shoutout to everyone who participated, liked, commented, shared, and scrolled through 🙌
Congratulations to the winners:
1st place: Leo Mazzei
2nd place: Ashley Best
3rd place: Kateryna Kazachkova
The Goal:
Show how Poe works in 20 seconds: too many AIs and too many tabs, and one place where you chat with any model, compare answers and explore bots.
My Role:
Concept, storyboard, script, UI design, motion design, voiceover and sound design.
The Process:
Script and storyboard: a problem-to-solution intro, then one scene for each core feature (chat, compare, explore), ending on the brand.
UI build: I rebuilt Poe's key screens as fully layered designs, with each card, text line and icon as its own layer, so everything could be animated.
Motion: a 3D card stack with camera moves, motion blur and neon glow, plus kinetic typography with animated bracket frames.
Sound: voiceover timed to every scene, with sound design.
Final compositing and export at 1920x1080 in After Effects.
The Result:
A 20-second promo with voiceover that explains the product's whole idea in four beats: the problem, the solution, how it works and the call to action.
Tools:
After Effects & Premiere Pro.
This is a concept project and is not affiliated with Poe.
#UIAnimation #MotionGraphics #MotionDesign #UserInterface #MicroInteractions #AppAnimation #InterfaceAnimation #KineticTypography #UIUXDesign #SaaSAnimation #DigitalInterface #2DMotion
Great work on the animation!