Search packages, repositories and app categories

animated_card cover
Package detailsv2.0.0

animated_card

Package to animate the initialization of any widget, with the possibility of using a custom dismissible.

AndroidiOSWebmacOSWindowsLinux
30-day downloads
673
Likes
70
Pub points
140

Install package

flutter pub add animated_card

Package Overview

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

The animated_card package provides a simple way to animate the appearance of any widget, enhancing user experience with smooth entrance effects. It supports customizable initialization animations and includes a dismissible feature for interactive elements. Ideal for cards, banners, or any UI component that benefits from dynamic entry transitions. The package is compatible across multiple platforms including Android, iOS, Web, macOS, Windows, and Linux, making it versatile for cross-platform applications. It integrates easily via Flutter pub add and is maintained by a dedicated developer.

Use cases

  • Onboarding screens
  • Dynamic card displays
  • Interactive UI elements
  • Loading content with animation
  • User welcome messages

Key features

  • Smooth initialization animations
  • Customizable dismissible behavior
  • Cross-platform compatibility
  • Easy integration with Flutter
  • Supports any widget as content
  • Configurable animation curves

Suitable for

  • Flutter beginners
  • UI/UX enhancement projects
  • Cross-platform apps
  • Interactive dashboards
  • Onboarding flows

Considerations

  • May impact performance with many animated cards
  • Requires careful tuning of animation duration
  • Limited to widget initialization timing
  • Not suitable for high-frequency updates
  • Depends on correct widget tree structure

Original README

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

animated_card

Package to animate the initialization of any widget, with the possibility of using a custom dismissible.

How to use

pubspec.yaml

To Flutter Version <= 1.22.6

  animated_card: 1.0.0+8<lastest version>

To Flutter Version >= 2.0.0

  animated_card: <lastest version>

import

import 'package:animated_card/animated_card.dart';

Simple implementation

AnimatedCard(
    child: <Widget>,
),

Dismissible implementation

AnimatedCard(
    direction: AnimatedCardDirection.left, //Initial animation direction 
    initDelay: Duration(milliseconds: 0), //Delay to initial animation
    duration: Duration(seconds: 1), //Initial animation duration
    onRemove: () => lista.removeAt(index), //Implement this action to active dismiss
),

Example

Getting Started

This project is a starting point for a Dart package, a library module containing code that can be shared easily across multiple Flutter or Dart projects.

For help getting started with Flutter, view our online documentation, which offers tutorials, samples, guidance on mobile development, and a full API reference.

Categories

Source repository

Projects using this package

No data available yet.