Responsive UI
Top Flutter Responsive UI packages Responsive UI or Adaptive UI refers to a user interface design that provides an optimal viewing experience — easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices, from desktop computer monitors to mobile phones. It is also known as Liquid UI as it is based on the principle of "liquid layouts", which means that the UI adapts to the size and shape of the device it is being viewed on. This makes it easy for users to interact with the UI regardless of the device they are using. The complete list of Flutter packages that provide Responsive UI, Adaptive UI, Liquid UI or Responsive Layouts for your Flutter app is provided below.
flutter_adaptive_scaffold
949
Widgets to easily build adaptive layouts, including navigation elements.
layout
363
Layout encourage consistency across platforms, environments, and screen sizes by using uniform elements and spacing.
overflow_view
218
A widget displaying children in a line with an overflow indicator at the end if there is not enough space.
sized_context
195
Access MediaQuery sizing info directly on the context, also adds some helper methods for sizing and layout.
flutter_bootstrap
183
A partial implementation of Bootstrap Grid system in Flutter for Responsive Layout.
responsive_scaffold
174
On mobile it shows a list and pushes to details and on tablet it shows the List and the selected item.
flutter_adaptive_ui
155
A library that helps implement adaptive UI (based on OS , Screen size , ...) .
keyboard_avoider
129
A lightweight alternative to the Scaffold widget for avoiding the on-screen software keyboard. Automatically scrolls obscured TextField child widgets into view on focus.
relative_scale
66
RelativeScale is a simple custom sizing system for flutter widgets to achieve the same physical sizes across different devices.
responsive_widgets
65
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_gutter
63
Get your UI out of the gutter! Ensure all visual gaps between your widgets are consistent, adapted to the axis direction, and respond to screen size.
bamboo
61
Utilities that make it easy and fast to build adaptive apps for mobile, web, and beyond with Flutter.
size_helper
57
SizeHelper is a Flutter package for developing a responsive UI, with more control on UI components based on the current screen-size.
responsive_util
51
A Flutter widget that allows drag resizing of its child's bounds to easily test responsive design.
screentasia
50
A Flutter package that helps you create beautifully adaptive designs for all screens with a wealth of features.
flexify
44
Flexify is a Flutter package for responsive design and simplified navigation. Easily adapt interfaces to any screen size and smooth page transitions with customizable animations.
resize
40
A Simple Responsive Design Approach for your Flutter Apps. Includes all the necessary things to design a responsive User Interface for your Apps.
flexible_wrap
37
Widget that arranges its children in a flexible wrap layout, allowing them to expand according to available space while maintaining the specified layout properties.
flutter_split_view
30
Flutter widget that automatically splits the screen into two views based on available space. This is based on Navigator 2.0.
screenwise
27
A Flutter package providing responsive widgets that automatically adapt to different screen sizes without manual if/else statements.
screen_go
27
A flutter plugin for Easily make Flutter apps responsive. Automatically adapt UI to different screen sizes. Responsiveness made simple.
responsive_toolkit
27
Easy-to-use responsive tools for Flutter. Simplify layouts across screens of any size and shape.
responsive_spacing
27
Make your app responsive & adaptive with dynamic spacing, margins, paddings, gutters, body-size & columns.
response
26
Flutter plugin helps to maintain a clean looking widgets size in all available displays in which the app will be.
gap_here
25
A Flutter package for adding spacing between widgets in row and column layouts. This package simplifies the process of creating spacing between widgets in Flutter apps.
flutter_sizer
24
Flutter Sizer helps implement a reponsive layout by providing helper widgets and extensions.
responsive_layout_builder
24
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.
argo
24
Widgets and tools for make it easy to create responsive apps. Widget to handle visibility, orientation, handle diferent layout depend of screen and can handle a responsive theme.
responsive_scaffold_nullsafe
23
On mobile it shows a list and pushes to details and on tablet it shows the List and the selected item.
the_responsive_builder
16
This flutter package provides a set of utilities to aid in building responsive Flutter applications.
flexiflow
7
A responsive and flexible solution designed to effortlessly adapt to your needs, providing a seamless and dev-friendly experience.
notebook_paper
5
Craft beautiful notebook-like interfaces in Flutter with ease using Notebook Paper, a customizable widget package.
m_sizer
4
A flutter plugin for Easily make Flutter apps responsive. Automatically adapt UI to different screen sizes. Responsiveness made simple.
responsive_builder
0
A set of widgets that can be used to define a readable responsive UI for widgets.
responsive_ui_kit
0
responsive_ui_kit helps you build adaptive, scalable Flutter UIs with centered layouts, responsive split views, screen size extensions, and auto text scaling.
