Flutter Responsive UI

A lightweight, Bootstrap-like responsive grid system for Flutter.

✔ 12-column grid ✔ Automatic wrapping ✔ Responsive breakpoints (xs, sm, md, lg, xl) ✔ Works in forms, dashboards, or any layout ✔ Zero dependencies

📦 Installation

Add this to your pubspec.yaml:

dependencies:
responsive_bootstrap_ui: ^1.0.5

🔧 Import

import 'package:responsive_bootstrap_ui/responsive_bootstrap_ui.dart';

📱 Breakpoints

Size Width Columns
xs <320px xs
sm ≥481px sm
md ≥601px md
lg ≥769px lg
xl ≥1025px xl

🏗 How It Works

The grid divides the screen into 12 columns, similar to Bootstrap. You specify how many columns each widget takes depending on screen width.

📄 License

MIT License

⭐ Contribute

Pull requests are welcome!

Libraries

responsive_bootstrap_ui
The main library file for the responsive_bootstrap_ui package.