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

flutter_screenutil

👍 518

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

responsive_framework

👍 327

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

responsive_scaffold

👍 85

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

sized_context

👍 65

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

keyboard_avoider

👍 64

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

👍 58

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

golden_toolkit

👍 57

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

👍 29

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

responsive_util

👍 22

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

auto_orientation

👍 18

Set the device orientation programmatically for iOS and Android

flutter_screen_scaler

👍 14

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

relative_scale

👍 13

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.