ProDialog

A beautiful, animated, highly customizable dialog framework for Flutter.

Build stunning success, error, warning, information, confirmation, and loading dialogs with elegant animations, Material 3 styling, glassmorphism effects, gradient backgrounds, and full customization.

Production Ready • Material 3 • Responsive • Beautiful Animations • Zero Dependencies

✨ Why ProDialog?

Most dialog packages provide only basic alert dialogs.

ProDialog is designed to help developers create premium user experiences with minimal code while maintaining complete flexibility and customization.

Benefits

  • 🚀 Production-ready UI
  • 🎨 Modern Material 3 design
  • 🎬 Beautiful built-in animations
  • 💎 Glassmorphism support
  • 🌈 Gradient backgrounds
  • 🌙 Dark mode support
  • 📱 Fully responsive
  • ⚡ Zero third-party dependencies
  • 🧩 Custom widgets support
  • ♿ Accessibility friendly
  • 🔧 Highly customizable
  • ❤️ Built for real-world Flutter applications

📚 Complete Documentation

Explore the official ProDialog documentation website for complete guides, examples, API references, customization options, and advanced usage.

🌐 Official Documentation Includes:

  • 🚀 Getting Started Guide
  • 📦 Installation Instructions
  • 🎨 Complete Customization Guide
  • 🎭 Dialog Types Documentation
  • 🎬 Animation Examples
  • 💎 Glassmorphism & Gradient Themes
  • 🔘 Button Customization
  • 🧩 Custom Widget Examples
  • 📚 Complete API Reference
  • 💡 Real-world Usage Examples
  • ❓ FAQ & Troubleshooting
  • 🛠 Advanced Configuration

Visit the documentation website:

👉 ProDialog Documentation

✨ Features

  • 🚀 Success Dialogs
  • ❌ Error Dialogs
  • ⚠️ Warning Dialogs
  • ℹ️ Information Dialogs
  • ❓ Question Dialogs
  • ⏳ Loading Dialogs
  • 🎭 Multiple Animation Styles
  • 🎨 Gradient Backgrounds
  • 💎 Glassmorphism Effects
  • 🌙 Dark Mode Support
  • 📱 Responsive Layouts
  • 🎯 Animated Icons
  • 🔘 Flexible Button Styles
  • 🧩 Custom Content Support
  • ⚡ Lightweight & Fast
  • ♿ Accessibility Friendly
  • ❤️ Designed for Production Apps

📸 Preview

Explore ProDialog's beautiful animations, themes, and customization options.

🎬 Animated Demonstrations

ProDialog Animation Demo 1 ProDialog Animation Demo 2 ProDialog Animation Demo 3

🖼️ Dialog Screenshots

Dialog Example 1 Dialog Example 2 Dialog Example 3

Dialog Example 4 Dialog Example 5 Dialog Example 6

Dialog Example 7 Dialog Example 8 Dialog Example 9

Dialog Example 10 Dialog Example 11 Dialog Example 12

Dialog Example 13 Dialog Example 14 Dialog Example 15

Dialog Example 16 Dialog Example 17

🏆 Comparison

Feature ProDialog
Material 3 Design ✅
Built-in Animations ✅
Glassmorphism Support ✅
Gradient Backgrounds ✅
Loading Dialogs ✅
Animated Icons ✅
Custom Widgets ✅
Dark Mode ✅
Responsive Layout ✅
Accessibility Support ✅
Zero Dependencies ✅

📱 Platform Support

Platform Supported
Android ✅
iOS ✅
Web ✅
macOS ✅
Windows ✅
Linux ✅

🎯 Perfect For

  • Authentication Flows
  • Payment Confirmations
  • Success Messages
  • Error Handling
  • Confirmation Actions
  • Loading States
  • E-commerce Apps
  • Enterprise Applications
  • SaaS Products
  • Productivity Apps
  • Dashboard Applications
  • Consumer Mobile Apps

📦 Installation

Add the package to your pubspec.yaml

dependencies:
  pro_dialog: ^1.0.8

Install packages

flutter pub get

Import

import 'package:pro_dialog/pro_dialog.dart';

⚙️ Requirements

Flutter >= 3.22.0
Dart >= 3.4.0

🚀 Quick Start

showSuccessDialog(
  context,
  title: 'Success',
  description: 'Everything completed successfully.',
);

🎉 Success Dialog

showProDialog(
  context,
  type: DialogType.success,
  title: 'Payment Successful',
  description: 'Your payment has been confirmed.',
);

❓ Confirmation Dialog

showProDialog(
  context,
  type: DialogType.question,
  title: 'Delete Account',
  description: 'This action cannot be undone.',
  buttons: [
    DialogButton(
      text: 'Cancel',
      onPressed: () => Navigator.pop(context),
    ),
    DialogButton(
      text: 'Delete',
      isPrimary: true,
      onPressed: () {},
    ),
  ],
);

⏳ Loading Dialog

showLoadingDialog(
  context,
  title: 'Uploading...',
  description: 'Please wait.',
);

🎨 Fully Customized Dialog

showProDialog(
  context,
  type: DialogType.success,
  title: 'Payment Successful',
  description: 'Your payment has been confirmed.',
  theme: ProDialogTheme(
    useGlassmorphism: true,
    useGradientBackground: true,
    borderRadius: 30,
    animationStyle: DialogAnimationStyle.bounce,
    iconAnimationStyle: IconAnimationStyle.pulse,
  ),
  buttons: [
    DialogButton(
      text: 'Continue',
      isPrimary: true,
      onPressed: () => Navigator.pop(context),
    ),
  ],
);

🎭 Dialog Types

DialogType.success
DialogType.error
DialogType.warning
DialogType.info
DialogType.question
DialogType.custom

🎬 Dialog Animations

DialogAnimationStyle.scale
DialogAnimationStyle.fade
DialogAnimationStyle.slideUp
DialogAnimationStyle.slideDown
DialogAnimationStyle.bounce

✨ Icon Animations

IconAnimationStyle.none
IconAnimationStyle.bounce
IconAnimationStyle.rotate
IconAnimationStyle.pulse
IconAnimationStyle.shake

🌈 Gradient Dialog

ProDialogTheme(
  useGradientBackground: true,
);

💎 Glassmorphism Dialog

ProDialogTheme(
  useGlassmorphism: true,
);

🧩 Custom Content

showProDialog(
  context,
  customContent: Column(
    children: [
      Text('Any widget'),
      CircularProgressIndicator(),
    ],
  ),
);

🔘 Button Styles

Filled

DialogButtonStyle.filled

Outlined

DialogButtonStyle.outlined

Text

DialogButtonStyle.text

📚 API Overview

showProDialog

Parameter Description
type Dialog type
title Dialog title
description Dialog description
icon Custom icon
buttons Action buttons
customContent Custom widget
theme Theme customization
autoDismissAfter Auto close
barrierDismissible Tap outside to dismiss

🛠 Built-in Helpers

showSuccessDialog()

showErrorDialog()

showWarningDialog()

showLoadingDialog()

♿ Accessibility

  • Semantic Labels
  • Screen Reader Support
  • High Contrast Support
  • Proper Touch Targets
  • Keyboard Navigation Friendly

📂 Example Project

A complete example application is included inside:

example/

Run the example:

cd example
flutter run

🗺 Roadmap

  • Theme Presets
  • Localization Support
  • Adaptive Cupertino Dialogs
  • Additional Animation Styles
  • More Built-in Templates
  • Advanced Transition Effects

🤝 Contributing

Contributions are welcome.

  1. Fork the repository
  2. Create a feature branch
  3. Commit your changes
  4. Submit a Pull Request

🐛 Issues & Feature Requests

Found a bug or have a suggestion?

Please open an issue on GitHub and provide as much detail as possible.

📄 License

MIT License

Copyright (c) 2026 Amir Bayat

⭐ Support

If ProDialog helps your project:

⭐ Star the repository

👍 Like the package on pub.dev

🚀 Share it with other Flutter developers

❤️ Build amazing Flutter experiences with ProDialog

Libraries

main
pro_dialog