csbuttons 0.2.6

A Flutter package that provides custom button and animation widgets.

csbuttons

A Flutter package that provides custom animated button widgets for interactive UI elements.

This package offers customizable buttons with heart animations, particle effects, and scaling animations, perfect for adding engaging interactions to your Flutter applications.

Features

• CSButton: A button that triggers a particle explosion effect and a scaling animation when tapped. Ideal for buttons that need extra visual feedback.
• CSHeartButton: A customizable heart animation button that shows floating hearts when double-tapped. Perfect for like or love interactions.
• Customizable icon size, color, and animation properties.
• Easily integratable into any Flutter app.

Installation

Add csbuttons to your pubspec.yaml file:

dependencies:
  csbuttons: ^0.2.6 # Replace with the latest version

Preview of CSButtons

Preview of CSHeartButton

CSButton example

class MyApp extends StatelessWidget {
    @override
    Widget build(BuildContext context) {
        return MaterialApp(
            home: Scaffold(
                appBar: AppBar(title: Text("CSButton Example")),
                body: Center(
                    child: CSButton(
                        icon: Icons.favorite,
                        iconSize: 60.0,
                        color: Colors.red,
                        onTap: () {
                            print("CSButton tapped!");
                        },
                    ),
                ),
            ),
        );
    }
}

CSHeartButton example

class MyApp extends StatelessWidget {
    @override
    Widget build(BuildContext context) {
        return MaterialApp(
            home: Scaffold(
                appBar: AppBar(title: Text("CSHeartButton Example")),
                body: Center(
                    child: CSHeartButton(
                        onDoubleTap: () {},
                        child: Text('Double tap the screen'),
                    ),
                ),
            ),
        );
    }
}