📦 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

Device Width Range
Mobile < 600 px
Tablet 600 - 1439 px
Desktop ≥ 1440 px

🧪 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! ❤️

Libraries

zeba_academy_responsive_builder