animated_3d_button 1.0.1 copy "animated_3d_button: ^1.0.1" to clipboard
animated_3d_button: ^1.0.1 copied to clipboard

A customizable animated 3D button with animated shadow effect

๐ŸŸฆ animated_3D_button #

pub package license: MIT

A customizable animated button widget for Flutter that creates a bouncing elevation/shadow effect using Stack and AnimatedPositioned.


โœจ Features #

  • Smooth animated shadow/elevation effect
  • Custom size, color, and border radius
  • Haptic feedback on press
  • Lightweight and dependency-free

๐Ÿ“ฆ Installation #

Add this to your pubspec.yaml:

dependencies:
  animated_3d_button: ^1.0.0

Then run:

flutter pub get

๐Ÿš€ Usage #

import 'package:animated_button/animated_button.dart';

AnimatedShadowButton(
  width: 180,
  height: 55,
  color: Colors.deepOrange,
  onPressed: () {
    // Handle tap
  },
  child: const Text(
    'Click Me',
    style: TextStyle(
      color: Colors.white,
      fontSize: 16,
      fontWeight: FontWeight.bold,
    ),
  ),
);

๐Ÿงช Example #

A full working example is available in the example directory.

To run it:

cd example
flutter run

๐Ÿงฐ API Reference #

Property Type Default Description
onPressed VoidCallback required Callback fired on button press
child Widget required The inner content of the button
width double 150 Button width
height double 50 Button height
color Color Colors.blue Background color of the button

๐Ÿ”ง Contributing #

Feel free to submit issues or PRs. For major changes, open a discussion first.


๐Ÿ“„ License #

MIT ยฉ Saptarshi Mondal

0
likes
140
points
50
downloads

Documentation

API reference

Publisher

unverified uploader

Weekly Downloads

A customizable animated 3D button with animated shadow effect

Homepage

License

MIT (license)

Dependencies

flutter

More

Packages that depend on animated_3d_button