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 #

📸 Screenshots & Demo #

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

🎬 Animated Demonstrations #

[screenshots/main1.gif] [screenshots/main2.gif] [screenshots/main3.gif]

🖼️ Dialog Examples #

1	2	3
[screenshots/1.png]	[screenshots/2.png]	[screenshots/3.png]

4	5	6
[screenshots/4.png]	[screenshots/5.png]	[screenshots/6.png]

7	8	9
[screenshots/7.png]	[screenshots/8.png]	[screenshots/9.png]

10	11	12
[screenshots/10.png]	[screenshots/11.png]	[screenshots/12.png]

13	14	15
[screenshots/13.png]	[screenshots/14.png]	[screenshots/15.png]

16	17
[screenshots/16.png]	[screenshots/17.png]

🏆 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.0

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.

Fork the repository
Create a feature branch
Commit your changes
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

⭐ 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

pro_dialog 1.0.2 pro_dialog: ^1.0.2 copied to clipboard

Metadata