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_screenutil
4343
A flutter plugin for adapting screen and font size.Guaranteed to look good on different models
responsive_framework
2932
Easily make Flutter apps responsive. Automatically adapt UI to different screen sizes.
sizer
1592
A flutter plugin for Easily make Flutter apps responsive. Automatically adapt UI to different screen sizes.
responsive_builder
1591
A set of widgets that can be used to define a readable responsive UI for widgets.
flutter_adaptive_scaffold
811
Widgets to easily build adaptive layouts, including navigation elements.
responsive_sizer
546
Responsive Sizer helps implement a reponsive layout by providing helper widgets and extensions.
layout
335
Layout encourage consistency across platforms, environments, and screen sizes by using uniform elements and spacing.
overflow_view
195
A widget displaying children in a line with an overflow indicator at the end if there is not enough space.
sized_context
187
Access MediaQuery sizing info directly on the context, also adds some helper methods for sizing and layout.
flutter_bootstrap
177
A partial implementation of Bootstrap Grid system in Flutter for Responsive Layout.
responsive_scaffold
176
On mobile it shows a list and pushes to details and on tablet it shows the List and the selected item.
adaptive_breakpoints
157
A Flutter package providing Material Design breakpoints for responsive layouts.
adaptive_navigation
148
A Flutter package providing adaptive switching between various navigation components.
flutter_adaptive_ui
146
A library that helps implement adaptive UI (based on OS , Screen size , ...) .
keyboard_avoider
117
A lightweight alternative to the Scaffold widget for avoiding the on-screen software keyboard. Automatically scrolls obscured TextField child widgets into view on focus.
responsive_ui
99
responsive ui Flutter package helps you to create a responsive and Nested responsive widget. Works on android, iOs, Web with both portrait and landscape mode.
wolt_responsive_layout_grid
96
Wolt Responsive Layout Grid library helps you to create dynamic, adaptive grid layouts that seamlessly adjust to various screen sizes.
fluid_kit
79
Responsive helper for fluid layout. Allows you to control the layout of children based on minimum width and grid.
relative_scale
65
RelativeScale is a simple custom sizing system for flutter widgets to achieve the same physical sizes across different devices.
responsive_widgets
64
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.
responsive
63
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.
simple_grid
62
A dynamic grid inspired by boostrap, you can use it to describe your grid layout. This package purely using mediaquery, don't worry about the render.
bamboo
60
Utilities that make it easy and fast to build adaptive apps for mobile, web, and beyond with Flutter.
flutter_gutter
53
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.
responsive_util
51
A Flutter widget that allows drag resizing of its child's bounds to easily test responsive design.
screentasia
47
A Flutter package that helps you create beautifully adaptive designs for all screens with a wealth of features.
size_helper
46
SizeHelper is a Flutter package for developing a responsive UI, with more control on UI components based on the current screen-size.
easy_dashboard
42
A package to help easily create dashboard layouts and other navigation features . Aims in making responsive dashboards an easy process .
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.
material3_layout
33
This package helps to create adaptive applications following the Material Design 3 guidelines.
bootstrap_flutter
30
Aplicação de responsividade do bootstrap para facilitar a criação de multiplos tamanhos de telas em seus projetos
flutter_split_view
29
Flutter widget that automatically splits the screen into two views based on available space. This is based on Navigator 2.0.
flutter_screen_scaler
27
A package to resize your widgets according to the screen size with the use of percentages.
flutter_responsive
26
Responsive layout widgets for Flutter. This plugin was inspired on Bootstrap web project.
response
26
Flutter plugin helps to maintain a clean looking widgets size in all available displays in which the app will be.
responsive_spacing
26
Make your app responsive & adaptive with dynamic spacing, margins, paddings, gutters, body-size & columns.
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_layout_builder
23
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_scaffold_nullsafe
23
On mobile it shows a list and pushes to details and on tablet it shows the List and the selected item.
flexiflow
7
A responsive and flexible solution designed to effortlessly adapt to your needs, providing a seamless and dev-friendly experience.
m_sizer
4
A flutter plugin for Easily make Flutter apps responsive. Automatically adapt UI to different screen sizes. Responsiveness made simple.