Build Beautiful Animated Toasts in Flutter with ToastLift ✨

sakshi angre — Wed, 20 May 2026 09:59:04 +0000

🚀 Build Beautiful Animated Toasts in Flutter with ToastLift

Toast notifications are one of the most common UI elements in mobile apps, but many default toasts feel outdated and lack customization.

So I built ToastLift — a Flutter package for creating beautiful animated toast notifications with a modern UI.

✨ Features

✅ Success Toast
❌ Error Toast
⚠️ Warning Toast
ℹ️ Info Toast
⏳ Loading Toast

Additional Features:

Smooth animations
Modern minimal UI
Multiple toast positions
Lightweight package
Easy integration

📦 Installation

Add this to your pubspec.yaml:

```yaml id="j0vjlwm"
dependencies:
toast_lift: ^1.0.0




Run:


```bash id="wq0txo"
flutter pub get

🚀 Usage

Import package:

```dart id="g0i4nm"
import 'package:toast_lift/toast_lift.dart';




Show success toast:


```dart id="q8u0th"
ToastLift.show(
  context,
  title: "Success",
  message: "Profile saved successfully!",
  type: ToastLiftType.success,
);

📍 Custom Positions

```dart id="m4fht7"
ToastLiftPosition.top
ToastLiftPosition.center
ToastLiftPosition.bottom




Example:


```dart id="vst9z0"
ToastLift.show(
  context,
  message: "New update available!",
  type: ToastLiftType.info,
  position: ToastLiftPosition.top,
);

📸 Preview

🛠 Challenges During Development

While building this package, I learned:

Flutter package structure
Asset management
Animations
pub.dev publishing
GitHub package management

One major issue I faced was animation asset loading inside the example project, which taught me how Flutter packages manage assets differently from normal apps.

🔗 Links

Pub.dev

ToastLift Package

GitHub

ToastLift Repository

🎉 Final Thoughts

Publishing my first Flutter package was an amazing learning experience.

If you are planning to create your first package, start simple and focus on creating something useful for developers.

Thanks for reading 🚀

Sending love to all developers who continue learning, building, failing, improving, and never giving up 💫

How I Built and Published My First Flutter Package on pub.dev

sakshi angre — Mon, 18 May 2026 12:25:34 +0000

Building apps is exciting, but creating something reusable for other developers feels completely different.

Recently, I built and published my first Flutter package called Profile Lift — a customizable profile UI package with editable profile support, settings screen, theme customization, image picker support, and smooth animations.

In this article, I’ll share the complete journey from idea to publishing it on profile_lift on pub.dev 🚀

Why I Built Profile Lift

Almost every mobile app has a profile screen.

Whether it’s:

social media apps
e-commerce apps
portfolio apps
SaaS platforms
productivity apps

developers often rebuild the same profile UI from scratch.

I wanted to create a reusable Flutter package that developers could plug directly into their projects with minimal setup.

That idea became Profile Lift.

Features

Profile Lift currently includes:

✅ Editable profile screen
✅ Settings screen
✅ Light & dark mode
✅ Theme customization
✅ Profile image picker
✅ Live image preview
✅ Smooth fade & slide animations
✅ Logout confirmation dialog
✅ Reusable callback architecture

Screenshots

Installation

Add this to your pubspec.yaml:

dependencies:
  profile_lift: ^0.0.1

Then run:

flutter pub get

Usage Example

import 'package:flutter/material.dart';
import 'package:profile_lift/profile_lift.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,

      home: ProfileLiftScreen(
        editable: true,

        profile: const ProfileLiftModel(
          name: "Christopher Baker",
          email: "christopher@gmail.com",
          phone: "+1 9876543210",
          address: "New York, USA",
          bio: "Flutter developer passionate about UI.",
          imageUrl: "https://i.pravatar.cc/300?img=12",
        ),

        onSaveProfile: (updatedProfile) {
          print(updatedProfile.name);
        },

        onSettings: () {},

        onLogout: () {},
      ),
    );
  }
}

Challenges I Faced

While building and publishing the package, I faced several issues:

Flutter package structure confusion
README formatting problems
Screenshot linking issues
pub.dev publish warnings
Theme management
Animation integration
Git ignored files during publishing

One thing I learned is that documentation matters a lot in open-source development.

Publishing on pub.dev

Publishing involved multiple steps:

Creating package structure
Writing README.md
Adding screenshots
Creating CHANGELOG.md
Adding LICENSE
Uploading to GitHub
Running:

flutter pub publish --dry-run

Finally publishing to pub.dev

Seeing the package go live was an amazing feeling.

What I Learned

This project taught me:

Flutter package architecture
reusable UI design
pub.dev publishing workflow
open-source practices
documentation writing
package maintenance basics

More importantly, it changed how I think about development — from just building apps to building reusable developer tools.

Future Improvements

I plan to add:

Glassmorphism UI
Responsive web support
More profile layouts
Gradient themes
Social media section
Premium animations
Firebase helper integration

Final Thoughts

Publishing my first Flutter package was a huge learning experience.

If you’re thinking about building your own Flutter package, start small and focus on solving a real problem for developers.

You can check out the package here:

⭐ GitHub Repository:
https://github.com/Sakshi-2508/profile_lift

📦 pub.dev Package:
https://pub.dev/packages/profile_lift