Flutter Gems
Flutter Gems is a curated list of 5600+ useful Dart & Flutter packages that are categorized based on functionality.
Top Flutter Responsive UI packages
Last updated: April 2, 2024
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
Dart 3 compatible 👍 4.08K
Maintenance Status: Good
A flutter plugin for adapting screen and font size.Guaranteed to look good on different models
responsive_framework
Dart 3 compatible 👍 2.77K
Maintenance Status: Good
Easily make Flutter apps responsive. Automatically adapt UI to different screen sizes.
responsive_builder
Dart 3 compatible 👍 1.53K
Maintenance Status: Good
A set of widgets that can be used to define a readable responsive UI for widgets.
flutter_adaptive_scaffold
Dart 3 compatible 👍 722
Maintenance Status: Good
Widgets to easily build adaptive layouts, including navigation elements.
responsive_sizer
Dart 3 compatible 👍 515
Maintenance Status: Good
Responsive Sizer helps implement a reponsive layout by providing helper widgets and extensions.
layout
Dart 3 compatible 👍 331
Maintenance Status: Good
Layout encourage consistency across platforms, environments, and screen sizes by using uniform elements and spacing.
easy_sidemenu
Dart 3 compatible 👍 329
Maintenance Status: Good
An easy to use side menu (navigation rail) in flutter and can used for navigation
responsive_grid
Dart 3 compatible 👍 226
Maintenance Status: Good
Responsive Grid Layout and List for Flutter
flutter_admin_scaffold
Dart 3 compatible 👍 168
Maintenance Status: Good
A scaffold class with a sideBar that works with a appBar.
ready
Dart 3 compatible 👍 99
Maintenance Status: Good
Package that contains complete list solution and admin dashboard
wolt_responsive_layout_grid
Dart 3 compatible 👍 85
Maintenance Status: Good
Wolt Responsive Layout Grid library helps you to create dynamic, adaptive grid layouts that seamlessly adjust to various screen sizes.
auto_orientation
Dart 3 compatible 👍 79
Maintenance Status: Good
Set the device orientation programmatically for iOS and Android
fluid_kit
Dart 3 compatible 👍 70
Maintenance Status: Good
Responsive helper for fluid layout. Allows you to control the layout of children based on minimum width and grid.
simple_grid
Dart 3 compatible 👍 62
Maintenance Status: Good
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.
size_helper
Dart 3 compatible 👍 46
Maintenance Status: Good
SizeHelper is a Flutter package for developing a responsive UI, with more control on UI components based on the current screen-size.
screentasia
Dart 3 compatible 👍 46
Maintenance Status: Good
A Flutter package that helps you create beautifully adaptive designs for all screens with a wealth of features.
flutter_gutter
Dart 3 compatible 👍 45
Maintenance Status: Good
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.
pixel_snap
Dart 3 compatible 👍 26
Maintenance Status: Good
Sharp looking Flutter applications at any pixel scaling factor.
dynamicutils
Dart 3 compatible 👍 14
Maintenance Status: Good
Flutter Package For Create A Responsive Design From Figma,XD Etc.....
flexiflow
Dart 3 compatible 👍 7
Maintenance Status: Good
A responsive and flexible solution designed to effortlessly adapt to your needs, providing a seamless and dev-friendly experience.
notebook_paper
Dart 3 compatible 👍 2
Maintenance Status: Good
Craft beautiful notebook-like interfaces in Flutter with ease using Notebook Paper, a customizable widget package.
bootjack
Dart 3 compatible 👍 0
Maintenance Status: Good
Bootjack is a porting of Twitter Bootstrap 3.0.x in Dart.
golden_toolkit
Dart 3 compatible 👍 456
Maintenance Status: Average
Common patterns for screenshot-based widget testing using Goldens.
sized_context
Dart 3 compatible 👍 182
Maintenance Status: Average
Access MediaQuery sizing info directly on the context, also adds some helper methods for sizing and layout.
flutter_adaptive_ui
Dart 3 compatible 👍 142
Maintenance Status: Average
A library that helps implement adaptive UI (based on OS , Screen size , ...) .
responsive_ui
Dart 3 compatible 👍 94
Maintenance Status: Average
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.
bamboo
Dart 3 compatible 👍 60
Maintenance Status: Average
Utilities that make it easy and fast to build adaptive apps for mobile, web, and beyond with Flutter.
flutter_screen_scaler
Dart 3 compatible 👍 25
Maintenance Status: Average
A package to resize your widgets according to the screen size with the use of percentages.
m_sizer
Dart 3 compatible 👍 4
Maintenance Status: Average
A flutter plugin for Easily make Flutter apps responsive. Automatically adapt UI to different screen sizes. Responsiveness made simple.
sizer
Dart 3 compatible 👍 1.55K
Maintenance Status: Poor
A flutter plugin for Easily make Flutter apps responsive. Automatically adapt UI to different screen sizes.
overflow_view
Dart 3 compatible 👍 193
Maintenance Status: Poor
A widget displaying children in a line with an overflow indicator at the end if there is not enough space.
flutter_bootstrap
Dart 3 compatible 👍 177
Maintenance Status: Poor
A partial implementation of Bootstrap Grid system in Flutter for Responsive Layout.
breakpoint
Dart 3 compatible 👍 97
Maintenance Status: Poor
A Flutter plugin to calculate the material design breakpoints.
relative_scale
Dart 3 compatible 👍 65
Maintenance Status: Poor
RelativeScale is a simple custom sizing system for flutter widgets to achieve the same physical sizes across different devices.
responsive
Dart 3 compatible 👍 63
Maintenance Status: Poor
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.
responsive_util
Dart 3 compatible 👍 51
Maintenance Status: Poor
A Flutter widget that allows drag resizing of its child's bounds to easily test responsive design.
easy_dashboard
Dart 3 compatible 👍 40
Maintenance Status: Poor
A package to help easily create dashboard layouts and other navigation features . Aims in making responsive dashboards an easy process .
resize
Dart 3 compatible 👍 39
Maintenance Status: Poor
A Simple Responsive Design Approach for your Flutter Apps. Includes all the necessary things to design a responsive User Interface for your Apps.
bs_flutter
Dart 3 compatible 👍 35
Maintenance Status: Poor
Simple flutter widget from Bootstrap v5 component, including responsive grid layout based on bootstrap grid system
bootstrap_flutter
Dart 3 compatible 👍 30
Maintenance Status: Poor
Aplicação de responsividade do bootstrap para facilitar a criação de multiplos tamanhos de telas em seus projetos
response
Dart 3 compatible 👍 26
Maintenance Status: Poor
Flutter plugin helps to maintain a clean looking widgets size in all available displays in which the app will be.
flutter_responsive
Dart 3 compatible 👍 26
Maintenance Status: Poor
Responsive layout widgets for Flutter. This plugin was inspired on Bootstrap web project.
argo
Dart 3 compatible 👍 24
Maintenance Status: Poor
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
Dart 3 compatible 👍 23
Maintenance Status: Poor
On mobile it shows a list and pushes to details and on tablet it shows the List and the selected item.
adaptive_screen_flutter
Dart 3 compatible 👍 23
Maintenance Status: Poor
Make the layout become adaptive for mobile, tablet and web screen.
super_responsive
Dart 3 compatible 👍 22
Maintenance Status: Poor
Utils and widgets to make your flutter apps and websites fully responsive.
responsive_layout_builder
Dart 3 compatible 👍 21
Maintenance Status: Poor
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.
spaces
Dart 3 compatible 👍 19
Maintenance Status: Poor
Defining global spacing constants for building consistent and responsive apps.
master_detail_scaffold
Dart 3 compatible 👍 19
Maintenance Status: Poor
A package for implementing a responsive master-detail scaffold widget
responsive_scaffold
👍 176
Maintenance Status: Poor
On mobile it shows a list and pushes to details and on tablet it shows the List and the selected item.
keyboard_avoider
👍 113
Maintenance Status: Poor
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_widgets
👍 64
Maintenance Status: Poor
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.
mobile_sidebar
👍 31
Maintenance Status: Poor
A Responsive Sidebar for Flutter that follows Material Design
responsive_image
👍 15
Maintenance Status: Poor
A flutter library that add responsive capabilities to images
responsive_x
👍 14
Maintenance Status: Poor
A simple Flutter package to handle responsiveness using extensions
flutter_autosize_screen
👍 11
Maintenance Status: Poor
A low-cost Flutter screen adaptation solution