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

flutter_screenutil

👍 445

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

responsive_framework

👍 250

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

responsive_scaffold

👍 79

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

sized_context

👍 62

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

keyboard_avoider

👍 59

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

fluid_layout

👍 54

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

golden_toolkit

👍 49

Common patterns for screenshot-based widget testing using Goldens.

responsive_widgets

👍 41

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

👍 25

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

responsive_util

👍 17

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

auto_orientation

👍 17

Set the device orientation programmatically for iOS and Android

flutter_screen_scaler

👍 13

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

relative_scale

👍 10

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

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.