{"repo":"Codelessly/ResponsiveFramework","free":true,"listed":false,"github":"https://github.com/Codelessly/ResponsiveFramework","clone":"git clone https://github.com/Codelessly/ResponsiveFramework.git","description":"Easily make Flutter apps responsive. Automatically adapt UI to different screen sizes. Responsiveness made simple. Demo: https://gallery.codelessly.com/flutterwebsites/minimal/","language":"Dart","stars":1404,"topics":["flutter","website","website-development","framework","responsive","responsive-layout","bootstrap","bootstrap4","website-template","webapp"],"license":"MIT","category":"mobile-apps","readme_excerpt":"Responsive Framework ### Responsiveness made simple The Responsive Framework includes widgets that help developers build responsive apps for mobile, desktop, and website layouts. Demo Minimal Website A demo website built with the Responsive Framework. View Code Flutter Website The flutter.dev website recreated in Flutter. View Code Pub.dev Website The pub.dev website recreated in Flutter. View Code Quick Start Import this library into your project: Add ResponsiveBreakpoints.builder to your MaterialApp or CupertinoApp. Define your own breakpoints and labels. Use the labels you defined for layouts and values. Customization You can define your own breakpoint labels and use them in your conditionals. For example, if you're building a Material 3 Navigation Rail and want to expand the menu to full width once there is enough room, you can add a custom EXPAND SIDE PANEL breakpoint. Then, in your code, show the Rail based on the breakpoint condition. expand: ResponsiveBreakpoints.of(context).largerThan('EXPAND SIDE PANEL') Responsive Framework Widgets The ResponsiveFramework includes a few custom widgets that supplement Flutter's responsive capabilities. Their usages are showcased in the demo projects. - ResponsiveValue - ResponsiveVisibility - ResponsiveConstraints - ResponsiveRowColumn - ResponsiveGridView - ResponsiveScaledBox - MaxWidthBox Legacy ReadMe (v0.2.0 and below) ResponsiveWrapper Migration v1.0.0 Migration Guide The remainder of the legacy ReadMe is preserved below as th","default_branch":null,"files":null,"tree":[],"storefront":"/r/Codelessly","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/Codelessly/ResponsiveFramework/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}