Liquid Wave Animate Button

Demo

For a live demonstration, check out the demo video below: Demo GIF

Liquid Wave Animate Button is a Flutter widget that provides a customizable button with an animated liquid fill effect. Easily add dynamic liquid animations to your UI with configurable properties like fill level, border, text style, and more. You can also disable the liquid effect altogether for a cleaner look.

Features

  • Dynamic Liquid Animation: Animate a liquid fill with a rising effect and wave motion.
  • Customizable Appearance: Set fill level, liquid color, border color & width, background color, and text style.
  • Interactive Feedback: Includes a pressed-state overlay to give users clear visual feedback on taps.
  • Flexible Usage: Toggle the liquid animation on or off with a single property.

Installation

Add the following to your pubspec.yaml:

dependencies:
  liquid_wave_animate_button: ^1.0.0

Libraries

liquid_wave_animate_button