Web
Flutter · Streak counter
Ember
A streak you can feel burning.
A streak counter for Flutter with a living flame. It flickers while the streak is alive, burns low when today is open, sparks at milestones and smokes out when it breaks.
Demo
A recording of the demo. Open it in a new tab
What it does
- 01
A flame drawn from layered curves that never visibly loops
- 02
Low, pulsing at-risk state and a smoke-out when the streak breaks
- 03
Number pop, week of days that fill in, and milestone sparks
- 04
One live-region label; a still flame under reduce motion
Use it
dependencies:
ember_streak:
git:
url: https://github.com/YagnikBarasiya23/ember_streak.gitimport 'package:ember_streak/ember_streak.dart';
EmberStreak(
count: 12,
week: const [true, true, true, false, false, false, false],
today: 3,
doneToday: false, // false with count > 0 = at risk
onMilestone: (days) => celebrate(days),
)Every option, the technique behind the motion and the accessibility notes are in the README on GitHub
More components
All 10- Web
Get in touch
Open for freelance projects, contract roles and collaborations — mobile apps and full-stack products in particular. WhatsApp gets the fastest reply.
- Phone
- +91 70488 09875
- Based in
- Rajkot, Gujarat, India
- Elsewhere