Search packages, repositories and app categories

ducafecatFlutter ecosystem guide
bouncing_widget cover
Package detailsv2.0.0

bouncing_widget

A widget that enables you to add a bouncing animation on a widget.

AndroidiOSWebmacOSWindowsLinux
pub.dev API documentation Source code
30-day downloads
858
Likes
216
Pub points
150

Install package

flutter pub add bouncing_widget

Package Overview

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

The bouncing_widget package provides a simple way to add a bouncy animation effect to any Flutter widget. It enhances user interaction by creating a dynamic, spring-like bounce when the widget is tapped or interacted with. Ideal for buttons, icons, or any element that benefits from visual feedback, it supports all major platforms including Android, iOS, Web, macOS, Windows, and Linux. The package is lightweight and easy to integrate, requiring minimal code. It's perfect for developers aiming to improve UI engagement through subtle animations.

Use cases

  • Adding interactive feedback to buttons
  • Animating icons on tap
  • Enhancing user experience in forms
  • Creating playful UI elements
  • Improving app responsiveness

Key features

  • Spring-like bounce effect
  • Easy integration with existing widgets
  • Cross-platform support
  • Customizable animation duration
  • Supports touch and gesture interactions
  • Lightweight and performant

Suitable for

  • UI designers seeking dynamic feedback
  • Developers building interactive apps
  • Apps targeting mobile and web users
  • Projects requiring subtle animations
  • Prototyping engaging interfaces

Considerations

  • May not suit minimalist design styles
  • Performance impact on complex layouts
  • Limited customization options beyond basic bounce
  • Not ideal for accessibility-focused applications
  • Requires careful tuning for smooth UX

Original README

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

bouncing_widget

A widget that enables you to add a bouncing animation on a widget.

Example

How does it work ?

You just have to encapsulate the widget of your choice with a BouncingWidget.

You may also use a scaleFactor to customize the scaling effect as in the gif example. Or even customize the animation's duration with the duration parameter (200 milliseconds by default).

BouncingWidget(
  duration: Duration(milliseconds: 100),
  scaleFactor: 1.5,
  onPressed: () {
    print("onPressed");
  },
  child: Text(
    "Hello !",
    style: TextStyle(
      color: Colors.white,
      fontWeight: FontWeight.bold,
      fontSize: 35,
    ),
  ),
),

Categories

Animation & Transition

Source repository

Projects using this package

No data available yet.