Responsive UI packages by Flutter Gems - A Curated Package Guide for Flutter

flutter_screenutil

👍 721

A flutter plugin for adapting screen and font size.Guaranteed to look good on different models

responsive_framework

👍 515

Easily make Flutter apps responsive. Automatically adapt UI to different screen sizes. Responsiveness made simple.

responsive_builder

👍 459

A set of widgets that can be used to define a readable responsive UI for widgets.

responsive_scaffold

👍 114

On mobile it shows a list and pushes to details and on tablet it shows the List and the selected item.

sizer

👍 87

A flutter plugin for Easily make Flutter apps responsive. Automatically adapt UI to different screen sizes. Responsiveness made simple.

golden_toolkit

👍 86

Common patterns for screenshot-based widget testing using Goldens.

keyboard_avoider

👍 83

A lightweight alternative to the Scaffold widget for avoiding the on-screen software keyboard. Automatically scrolls obscured TextField child widgets into view on focus.

sized_context

👍 73

Access MediaQuery sizing info directly on the context, also adds some helper methods for sizing and layout.

fluid_layout

👍 69

Create responsive layouts in flutter for mobile, web and desktop.

responsive_grid

👍 60

Responsive Grid Layout and List for Flutter

responsive_widgets

👍 52

This plugin helps to create responsive widgets, that makes an auto-size with the proportion between reference ScreenSize and the screen that the app is running.

flutter_bootstrap

👍 49

A partial implementation of Bootstrap Grid system in Flutter for Responsive Layout.

overflow_view

👍 39

A widget displaying children in a line with an overflow indicator at the end if there is not enough space.

responsive_util

👍 27

A Flutter widget that allows drag resizing of its child's bounds to easily test responsive design.

responsive_ui

👍 25

resposive_ui Flutter package helps you to create a responsive and Nested responsive widget. Works on android, iOs, Web with both portrait and landscape mode.

mobile_sidebar

👍 22

A Responsive Sidebar for Flutter that follows Material Design

flutter_admin_scaffold

👍 22

A scaffold class with a sideBar that works with a appBar.

adaptive_breakpoints

👍 22

A Flutter package for adaptive breakpoints following the Material guidelines.

responsive

👍 19

Provide a easy way to make responsive UI for Flutter Applications in mobile, desktop and web, allow different widget size for each screen size and device orientation.

relative_scale

👍 19

RelativeScale is a simple and custom sizing system for flutter widgets to achieve the same physical sizes across different devices.

auto_orientation

👍 19

Set the device orientation programmatically for iOS and Android

response

👍 18

Flutter plugin helps to maintain a clean looking widgets size in all available displays in which the app will be.

breakpoint

👍 17

A Flutter plugin to calculate the material design breakpoints.

flutter_screen_scaler

👍 15

A package to resize your widgets according to the screen size with the use of percentages.

responsive_x

👍 9

A simple Flutter package to handle responsiveness using extensions

flutter_responsive

👍 9

Responsive Layout widgets for Flutter. This plugin was inspired on Bootstrap web project.

master_detail_scaffold

👍 8

A package for implementing a responsive master-detail scaffold widget

responsive_layout_builder

👍 7

Flutter package for building responsive layout based on screen sizes and orientation. It could be wristwatch, small/medium/large mobile, small/large tablet or desktop.

responsive_image

👍 7

A flutter library that add responsive capabilities to images