slide_countdown

Package Overview

Package selection guidance compiled from public package information, community data, and project usage.

SlideCountdown is a Flutter package that enables developers to create smooth slide animation countdown or countup timers with minimal setup. It provides a visually appealing way to display time transitions, ideal for apps requiring dynamic time displays such as timers, fitness trackers, or event countdowns. The package supports multiple platforms including Android, iOS, Web, macOS, Windows, and Linux, ensuring cross-platform consistency. With simple configuration options, it integrates seamlessly into existing Flutter projects.

Use cases

Fitness app timers
Event countdown displays
Study session trackers
Game timer interfaces
Interactive learning apps

Key features

Smooth slide animation effects
Countdown and countup functionality
Cross-platform support
Simple API integration
Customizable time formats
Responsive design

Suitable for

Developers building time-based UIs
Apps needing engaging timer visuals
Projects targeting multiple platforms
Educational or productivity applications

Considerations

Limited customization beyond basic styling
No built-in pause/resume controls
Requires manual handling of timer lifecycle
Not optimized for high-frequency updates

Original README

Original README snapshot from the linked source repository. Visit the repository for the latest content.

⏱️ Slide Countdown

A Flutter package to create easy slide animation countdown / countup timer

⏱️ Support Count down and Count up
⏯️ Control duration
🔔 Callback finished
🎨 Easily custom duration layout with RawSlideCountdown and RawDigitItem widget.

Thanks to pausable_timer, this package use pausable_timer for helping control duration.

Example

Basic Usange

  SlideCountdown(
    duration: Duration(days: 2),
  )

  SlideCountdownSeparated(
    duration: Duration(days: 2),
  )

Custom time unit

Set the time unit you want to display with this params shouldShowDays, shouldShowHours, shouldShowMinutes, shouldShowSeconds.

  SlideCountdown(
    duration: Duration(days: 2),
    // Will show seconds only if duration in days is zero
    shouldShowMinutes: (duration) => duration.inDays == 0,
  )