Search packages, repositories and app categories

ducafecatFlutter ecosystem guide
animated_check cover
Package detailsv1.0.5

animated_check

A simple animated check icon widget for Flutter

AndroidiOSWebmacOSWindowsLinux
pub.dev API documentation Source code
30-day downloads
6.1K
Likes
32
Pub points
150

Install package

flutter pub add animated_check

Package Overview

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

A lightweight Flutter package that provides an animated check icon widget, ideal for visual feedback in forms or confirmation states. The check mark smoothly animates from a hidden state to a fully visible check, enhancing user experience with subtle motion. Built with simplicity and performance in mind, it integrates seamlessly into existing UIs without additional complexity. The animation is customizable through properties like duration and size, making it adaptable to various design needs. It supports all major platforms including mobile, web, and desktop.

Use cases

  • Form validation feedback
  • Confirmation indicators
  • Loading state transitions
  • Interactive button states
  • Onboarding progress markers

Key features

  • Smooth animated check transition
  • Customizable size and duration
  • Minimal boilerplate
  • Cross-platform compatibility
  • Simple API with few configuration options

Suitable for

  • Simple UI feedback systems
  • Mobile and web applications
  • Designers seeking subtle animations
  • Developers wanting quick implementation
  • Projects with minimal animation dependencies

Considerations

  • Limited to check icon only
  • No reverse animation support
  • Not suitable for complex animations
  • Depends on Flutter's animation framework
  • No built-in color customization beyond basic styling

Original README

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

animated_check

pub package

AnimatedCheck is a Flutter package with a simple implementation of an animated checkmark icon.

Installation

Add this to your pubspec.yaml:

dependencies:
    animated_check: ^1.0.0

Usage

Import
import 'package:animated_check/animated_check.dart';
Simple Implementation
_controller = AnimationController(vsync: this, duration: const Duration(seconds: 1));

Animation _animation = Tween<double>(begin: 0, end: 1)
  .animate(CurvedAnimation(
    parent: _animationController,
    curve: Curves.easeInOutCirc)
  );

void _showCheck() {
  _controller.forward();
}

void _resetCheck() {
  _controller.reverse();
}

AnimatedCheck(
  progress: _animation,
  size: 200,
)

Contributions

All contributions are welcome!

Categories

Text Decoration, Effect & Animation

Source repository

Projects using this package