https://github.com/therasuldev/cs-buttons
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.
https://github.com/therasuldev/cs-buttons
flutter package pubdev widgets
Last synced: about 2 months ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/therasuldev/cs-buttons
- Owner: therasuldev
- License: mit
- Created: 2024-11-22T11:36:51.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-12-19T14:28:48.000Z (5 months ago)
- Last Synced: 2025-02-04T17:57:04.136Z (4 months ago)
- Topics: flutter, package, pubdev, widgets
- Language: Dart
- Homepage: https://pub.dev/packages/csbuttons
- Size: 261 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# 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:
```yaml
dependencies:
csbuttons: ^0.2.6 # Replace with the latest version
```
### Preview of CSButtons
### Preview of CSHeartButton
### CSButton example
```dart
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
```dart
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'),
),
),
),
);
}
}
```