whatisgithub

What is flutter_timer_button?

bilalfali/flutter_timer_button — explained in plain English

Analysis updated 2026-05-18

0DartAudience · developerComplexity · 2/5Setup · easy

In one sentence

A Flutter button widget that counts down or shows progress with an animated fill, for things like OTP resend timers or upload progress.

Mindmap

mindmap
  root((flutter_timer_button))
    What it does
      Countdown button
      Progress button
      Animated fill
    Tech stack
      Dart
      Flutter
    Use cases
      OTP resend
      Upload progress
      Rate limited actions
    Key pieces
      TimerButton
      TimerButtonController
      TimerButtonStyle

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Add a resend cooldown button for OTP or verification codes.

USE CASE 2

Show upload, download, or sync progress directly on a button.

USE CASE 3

Rate limit a repeatable action like a like or submit button.

What is it built with?

DartFlutter

How does it compare?

bilalfali/flutter_timer_buttonabhishek-kumar09/fluttersampleusingprovideranshikadixit/cheerup
Stars00
LanguageDartDartDart
Last pushed2020-10-29
MaintenanceDormant
Setup difficultyeasymoderatemoderate
Complexity2/52/53/5
Audiencedeveloperdeveloperdeveloper

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · easy Time to first run · 5min

So what is it?

flutter_timer_button is a Flutter package that gives you a button which can count down or show progress, with a visual fill effect that animates across the button as time passes or work completes. It is aimed at situations like OTP resend cooldowns, rate limited actions, or tracking an upload, sync, or download. Most similar packages only disable the button and show a countdown number. This one adds an animated fill indicator so users can see progress happening, not just read a number. The package supports two modes: countdown and progress. In countdown mode, tapping the button calls your function and starts a timer, during which the button is disabled and shows a label like "Resend in Ns" until the countdown finishes. In progress mode, you control a TimerButtonController and call setProgress with a value from 0 to 1 whenever you want, for example from a network callback or a stream listener, and the button's fill animates to match. The button is built around three pieces: TimerButton, the widget itself, with properties for duration, callbacks like onPressed, onCompleted, and onTick, and options like whether the button disables while running or auto starts, TimerButtonController, which tracks whether the timer is running or completed, exposes elapsed and remaining time as fractions, and lets you start, pause, resume, stop, or reset, and TimerButtonStyle, which controls the look of the button through filled, outlined, or dark presets, each customizable with colors. To use it, add flutter_timer_button to your pubspec dependencies, then use the TimerButton.countdown or TimerButton.progress constructors, which come with sensible defaults already wired up. This is a small, focused UI component rather than a full application. There are no tests, CI configuration, or contribution guidelines described in the README beyond a note that issues and contributions are welcome on the project's GitHub page. The project currently has no stars and appears to be new.

Copy-paste prompts

Prompt 1
Show me how to add flutter_timer_button to my pubspec.yaml and import it.
Prompt 2
Write a TimerButton.countdown widget for a 30 second OTP resend button.
Prompt 3
Write a TimerButton.progress widget that updates as a file uploads.
Prompt 4
Explain the difference between TimerButtonStyle.filled and TimerButtonStyle.outlined.

Frequently asked questions

What is flutter_timer_button?

A Flutter button widget that counts down or shows progress with an animated fill, for things like OTP resend timers or upload progress.

What language is flutter_timer_button written in?

Mainly Dart. The stack also includes Dart, Flutter.

How hard is flutter_timer_button to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is flutter_timer_button for?

Mainly developer.

Open on GitHub → Ask about another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.