🎉 LikeUs #

A customizable Flutter animation button — perfect for likes, reactions, and more.
Inspired by Twitter's heart animation — but you can use any icon you want.

🚀 Features #

• Smooth animation on like/unlike
• Use any icon — not just heart!
• Toggle behavior with async callback
• Customizable size, animation duration, and colors

📦 Installation #

Add the package to your pubspec.yaml:

dependencies:
  likeus: ^1.0.0

Then run:

flutter pub get

🚀 How to Use #

✅ Basic Usage (Default Heart Button) #

By default, LikeButton() uses the heart icon (Icons.favorite) with a smooth animation:

LikeButton()

🎨 Custom Effects (Full Control) #

You can customize the icon, animation colors, and like count using additional parameters:

LikeButton(
  size: 40,
  circleColor: CircleColor(
    start: Color(0xff00ddff),
    end: Color(0xff0099cc),
  ),
  bubblesColor: BubblesColor(
    dotPrimaryColor: Color(0xff33b5e5),
    dotSecondaryColor: Color(0xff0099cc),
  ),
  likeBuilder: (bool isLiked) {
    return Icon(
      Icons.home,
      color: isLiked ? Colors.deepPurpleAccent : Colors.grey,
      size: 40,
    );
  },
  likeCount: 665,
  countBuilder: (int count, bool isLiked, String text) {
    final color = isLiked ? Colors.deepPurpleAccent : Colors.grey;
    return Text(
      count == 0 ? "love" : text,
      style: TextStyle(color: color),
    );
  },
)

🔄 Handle Like Tap with Async Request #

You can manage like state with a server/API call or local logic using onTap:

LikeButton(
  onTap: onLikeButtonTapped,
)

Future<bool> onLikeButtonTapped(bool isLiked) async {
  // Example of sending request to server
  // final success = await sendLikeStatusToServer();

  // return success ? !isLiked : isLiked;
  return !isLiked; // mock toggle
}

⚙️ Parameters #

👨‍💻 Developer #

Developed and maintained by Muhammad Abbas,
Senior Flutter Developer at MIT PROGRAMMER LTD
🔗 GitHub