I'm always excited to take on new projects and collaborate with innovative minds.

Phone

+91 8901414107

Email

parikshit@techycodex.com

Website

https://techycodex.com

Address

Hisar, Haryana, India

Social Links

Technology Reviews

Connectivity Manager Plus – Flutter Package for Internet Connectivity & Custom UI

connectivity_manager_plus is an open-source Flutter package that makes it easy to detect internet connectivity in real-time. It provides built-in customizable UI components like Snackbar, Alert Dialog, and Full-Screen No Internet Page, saving developers from writing repetitive boilerplate code.

Connectivity Manager Plus – Flutter Package for Internet Connectivity & Custom UI

🚀 Launching My First Flutter Package: Connectivity Manager

As a Flutter developer, I often found myself adding boilerplate code to handle internet connectivity. Every project needed:

  • ✅ Check if user is online/offline
  • ✅ Show a Snackbar or Dialog when internet is lost
  • ✅ Redirect to a No Internet Screen
  • ✅ Retry button to recheck connection

I realized this problem is common for every Flutter app, so why not solve it once and for all with a reusable package?
That’s how Connectivity Manager was born. 🎉


📦 What is Connectivity Manager Plus?

Connectivity Manager is an open-source Flutter package that helps you monitor internet connectivity in real-time and show feedback to users in multiple ways:

  • Snackbar
  • Alert Dialog
  • Full Screen
  • Or your own Custom UI

It is built on top of connectivity_manager_plus, but provides a plug-and-play solution with ready-made UI and full customization.


✨ Features

  • Detect online/offline status instantly
  • Show Snackbar, Alert, or Screen out of the box
  • Fully customizable text, colors, retry button, and duration
  • Provide your own widget or page for complete freedom
  • Open-source and community-driven

📸 Demo
 

Default UI (Snackbar + Screen):Custom UI (Custom Screen):
custom.gif

 


🛠️ How to Use?

Add to your pubspec.yaml:

dependencies:
  connectivity_manager_plus: ^1.0.0

Initialize in your app:

ConnectivityService().initialize(
  context,
  config: ConnectivityConfig(
    disconnectedText: "🚨 No Internet 😢",
    connectedText: "✅ Back Online 🎉",
    showRetryButton: true,
    onRetry: () => debugPrint("Retry Pressed"),
  ),
);

You can also provide your own custom screen:

ConnectivityConfig(
  customScreenBuilder: (ctx) => Scaffold(
    body: Center(
      child: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: [
          const Icon(Icons.wifi_off, size: 100, color: Colors.red),
          const Text("No Internet Connection"),
          ElevatedButton(
            onPressed: () => debugPrint("Retry from custom screen"),
            child: const Text("Retry"),
          ),
        ],
      ),
    ),
  ),
);

🌍 Open Source & Community Driven

The package is 100% open-source:
👉 GitHub Repo

You are free to:

  • Use it in your apps
  • Contribute new features
  • Report bugs
  • Improve the documentation

Together, we can make it even more powerful. 💪


💡 Why I Built This?

As developers, we focus on big features, but small details like a smooth no-internet experience can make or break the user journey.
I wanted to create something that not only helps me, but also helps the community.

This is my first open-source Flutter package — but definitely not the last. 🚀


🙌 Final Thoughts

  • ✅ Package published on pub.dev
  • ✅ Fully open-source on GitHub
  • ✅ Developer-friendly & customizable

If you’re a Flutter developer, give it a try and let me know your feedback.

👉 pub.dev Package
👉 GitHub Repo


Made with ❤️ by Parikshit Verma -TechyCodex

Flutter connectivity manager, Flutter alert dialog internet, connectivity_plus alternative, Flutter custom connectivity UI, Flutter connectivity_manager_plus, connectivity_manager_plus package, Flutter internet connectivity package, Flutter no internet UI
2 min read
Sep 03, 2025
By Parikshit Verma
Share

Leave a comment

Your email address will not be published. Required fields are marked *

Related posts

Sep 20, 2025 • 2 min read
Why Startups Should Use Flutter → 40% Faster, 30% Cheaper | TechyCodex

Discover why startups should choose Flutter for app development. Build...

Sep 11, 2025 • 3 min read
Beyond the Project: How a Simple Problem Led to My First Open-Source Flutter Package

A Flutter developer's story of identifying a recurring problem, buildi...

Sep 08, 2025 • 3 min read
How to Start Your Career in Tech – A Complete Roadmap

The technology industry is one of the fastest-growing and most rewardi...

Your experience on this site will be improved by allowing cookies. Cookie Policy