📦 zeba_academy_responsive_builder #

A powerful and lightweight Flutter responsive utility package by Zeba Academy to easily build apps for Mobile, Tablet, and Desktop with clean and scalable architecture.

🚀 Features #

✅ Mobile / Tablet / Desktop layout switching ✅ Custom breakpoint system ✅ Screen size helpers ✅ Orientation handling (Portrait / Landscape) ✅ Custom responsive widgets (padding, layout helpers) ✅ Simple and clean API ✅ Zero dependencies (pure Flutter)

📸 Overview #

Build fully responsive apps with minimal code using:

• ZebaResponsiveBuilder
• ZebaScreenHelper
• ZebaOrientationBuilder
• ZebaResponsivePadding

📦 Installation #

Add this to your pubspec.yaml:

dependencies:
  zeba_academy_responsive_builder: ^0.0.1

Then run:

flutter pub get

🛠 Usage #

1️⃣ Responsive Layout Switching #

ZebaResponsiveBuilder(
  mobile: const Text("Mobile View"),
  tablet: const Text("Tablet View"),
  desktop: const Text("Desktop View"),
)

2️⃣ Screen Size Helper #

if (ZebaScreenHelper.isMobile(context)) {
  // Mobile UI
}

3️⃣ Orientation Handling #

ZebaOrientationBuilder(
  builder: (context, orientation) {
    return orientation == Orientation.portrait
        ? const Text("Portrait")
        : const Text("Landscape");
  },
);

4️⃣ Responsive Padding #

ZebaResponsivePadding(
  child: Container(
    height: 100,
    color: Colors.blue,
  ),
);

⚙️ Breakpoints #

🧪 Testing #

Run tests using:

flutter test

📁 Project Structure #

lib/
 ├── src/
 │   ├── responsive_builder.dart
 │   ├── breakpoints.dart
 │   ├── screen_helper.dart
 │   ├── orientation_builder.dart
 │   └── responsive_widgets.dart
 └── zeba_academy_responsive_builder.dart

📄 License #

This project is licensed under the GNU General Public License v3.0 (GPL-3.0).

You are free to:

• Use
• Modify
• Distribute

But must open-source your changes under the same license.

👨‍💻 About Me #

✨ I’m Sufyan bin Uzayr, an open-source developer passionate about building and sharing meaningful projects. You can learn more about me and my work at sufyanism.com or connect with me on LinkedIn

🎓 Your all-in-one learning hub! #

🚀 Explore courses and resources in coding, tech, and development at zeba.academy and code.zeba.academy. Empower yourself with practical skills through curated tutorials, real-world projects, and hands-on experience. Level up your tech game today! 💻✨

Zeba Academy is a learning platform dedicated to coding, technology, and development.

➡ Visit our main site: https://zeba.academy ➡ Explore courses: https://code.zeba.academy ➡ YouTube: https://www.youtube.com/@zeba.academy ➡ Instagram: https://www.instagram.com/zeba.academy/

⭐ Support #

If you like this package:

⭐ Star the repo 📢 Share with others 🐛 Report issues

🚀 Future Improvements #

• Responsive Grid System
• Adaptive Typography Scaling
• Visibility Controls (show/hide widgets per device)
• Custom breakpoint overrides

Thank you for visiting! ❤️