Daily Streak
A streak widget built in Rive. Every day you add, an energy bolt flies into its spot, the counter ticks up and the big bolt flares. Fill all seven and the whole week lights up. Press Add day, or let Auto play run.
The little details
Not going to click around? These are the small things that make it feel right, zoomed in.
Every day lands
A bolt drops into the day you just earned and the icon swells for a moment. You see where your progress went, not just a number changing.
A full week glows
Hit seven days and the chain reaction peaks: the week card and the edges of the screen light up, and Add day rests until you start over.
How it's built
- The week, the counter and the buttons share one view model: add a day from code with a single trigger.
- Every day is a nested Energy artboard with its own state machine for empty, earned and celebrating.
- Auto play and Reset run inside the file, handy for demos and previews.
- The bolt pattern in the background is built from repeating artboards.
- Hover and press states on every button, driven by the same view model.
Use it in your own project
The file is free on the Rive Marketplace: open it in the Rive editor, make it your own and use it in your game or app.
Download it free on the Rive Marketplacecontact
Ready to make it fun?
We design the streaks, rewards, and animations that turn first-time users into regulars. Book a call and see the engine behind this site.
