tdk_bouncingwidget

Package Overview

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

tdk_bouncingwidget is a lightweight Flutter package that adds bouncing animations to widgets on tap, enhancing user interaction with subtle visual feedback. It offers three distinct bouncing animation types, making it easy to customize the response of buttons and other interactive elements. Designed for simplicity and performance, it integrates seamlessly into Flutter apps across multiple platforms. Ideal for developers seeking to improve UI engagement without complex code. The package is open-source and actively maintained.

Use cases

Adding tactile feedback to buttons
Enhancing touch interactions in forms
Creating playful UI elements
Improving app responsiveness
Customizing widget press effects
Animating icons and cards

Key features

Three built-in bounce types
Lightweight and fast
Cross-platform support
Simple API integration
Open-source and well-documented
Minimal boilerplate required

Suitable for

UI designers seeking interactive feedback
Developers building mobile or web apps
Apps requiring intuitive touch responses
Projects focused on smooth animations
Beginner to intermediate Flutter developers

Considerations

Limited to tap-based animations
No advanced customization options
May not suit minimalistic design styles
Performance impact on heavy widget trees
Not intended for complex gesture recognition

Original README

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

Want to animate your widgets (like containers, cards etc...) bouncing In and out while clicking? Here is the package for that.

Features

This package contains a widget, where you need to wrap your own widgets ( like container, cards ect...) to animate them bounce in and out while clicking.

Getting started

As the first step we need to add this package in pubspec.yaml file or run the following command flutter pub add tdk_bouncingwidget

Usage

Just wrap your widget inside BouncingWidgetInOut widget as shown below and we are done!!

BouncingWidgetInOut(
    onPressed: () {},
    bouncingType: BouncingType.bounceInAndOut,
    child : Container(
        height: 60,
        width: 200,
        child: const Text('click to bounce')
    ))

There is one optional parameter called "bouncingType" which specifies the bouncing type of the widget. That is "Bouncing In only" or "Bouncing out Only" or both "Bouncing In and Out". By default bouncingType is "bounceInOnly".

bounceInOnly => Widget will shrink and grow based on scale factor value.

bounceOutOnly => Widget will grow and shrink based on scale factor value.

bounceInAndOut => Widget will shrink and grow first and then it will grow and shrink based on the scale factor value.

You can even customize the bouncing animation by giving duration how much time your widgets needs to animate and how large and small your widget should grow/shrink by giving scale factor value.

Additional information

Feel free to raise an issue if anything breaking, I will try to fix that ASAP. Github link mentioned above. Thanks!

Search packages, repositories and app categories

Install package