Flutter Gems
Flutter Gems is a curated list of 7250+ useful Dart & Flutter packages that are categorized based on functionality.
Top Flutter Responsive UI packages
Last updated: May 18, 2026
Responsive UI design ensures your Flutter app looks perfect on smartphones, tablets, foldables, desktop monitors, and the web using a single codebase.
Best Practices for Responsive UI
- Layout Builders: Use
LayoutBuilderorMediaQueryto detect available screen width and dynamically switch layouts (e.g., showing aBottomNavigationBaron mobile but aNavigationRailon tablets). - Avoid Hardcoded Sizes: Never use hardcoded pixel values for widths or heights. Use constraints,
Flexible,Expanded, and aspect ratios to allow widgets to breathe. - Breakpoints: Define clear breakpoints (e.g., Mobile < 600px, Tablet < 1200px, Desktop > 1200px) as constants in your app to standardize layout shifts across all screens.
The complete list of Flutter packages that simplify Responsive UI design, grid systems, and screen adaptations is provided below.
flutter_screenutil
👍 5.09K ⬇️ 292.5K
Dart 3 compatibleMaintenance Status: Average
A flutter plugin for adapting screen and font size.Guaranteed to look good on different models
responsive_framework
👍 3.35K ⬇️ 129.5K
Dart 3 compatibleMaintenance Status: Average
Easily make Flutter apps responsive. Automatically adapt UI to different screen sizes. Responsiveness made simple.
sizer
👍 1.83K ⬇️ 127.5K
Dart 3 compatibleMaintenance Status: Good
Responsive UI solutions for Mobile, Web, and Desktop — making adaptability effortless.
responsive_builder
👍 1.73K ⬇️ 76.7K
Dart 3 compatibleMaintenance Status: Average
A set of widgets that can be used to define a readable responsive UI for widgets.
responsive_sizer
👍 594 ⬇️ 17.6K
Dart 3 compatibleMaintenance Status: Poor
Responsive Sizer helps implement a reponsive layout by providing helper widgets and extensions.
easy_sidemenu
👍 458 ⬇️ 6.7K
Dart 3 compatibleMaintenance Status: Good
An easy to use side menu (navigation rail) in flutter and can used for navigation
layout
👍 367 ⬇️ 2.9K
Dart 3 compatibleMaintenance Status: Poor
Layout encourage consistency across platforms, environments, and screen sizes by using uniform elements and spacing.
responsive_grid
👍 272 ⬇️ 13.3K
Dart 3 compatibleMaintenance Status: Poor
Responsive Grid Layout and List for Flutter
overflow_view
👍 224 ⬇️ 50.7K
Dart 3 compatibleMaintenance Status: Good
A widget displaying children in a line with an overflow indicator at the end if there is not enough space.
flutter_admin_scaffold
👍 207 ⬇️ 754
Dart 3 compatibleMaintenance Status: Average
A scaffold class with a sideBar that works with a appBar.
pixel_snap
👍 72 ⬇️ 161.7K
Dart 3 compatibleMaintenance Status: Poor
Sharp looking Flutter applications at any pixel scaling factor.
sized_context
👍 195 ⬇️ 55
Dart 3 compatibleMaintenance Status: Poor
Access MediaQuery sizing info directly on the context, also adds some helper methods for sizing and layout.
flutter_bootstrap
👍 185 ⬇️ 682
Dart 3 compatibleMaintenance Status: Poor
A partial implementation of Bootstrap Grid system in Flutter for Responsive Layout.
flutter_adaptive_ui
👍 156 ⬇️ 72
Dart 3 compatibleMaintenance Status: Poor
A library that helps implement adaptive UI (based on OS , Screen size , ...) .
scaled_app
👍 90 ⬇️ 64.8K
Dart 3 compatibleMaintenance Status: Good
Scale the entire UI design proportionally, useful when your UI design is fixed-width.
keyboard_avoider
👍 133 ⬇️ 2.7K
Dart 3 compatibleMaintenance 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.
wolt_responsive_layout_grid
👍 131 ⬇️ 686
Dart 3 compatibleMaintenance Status: Poor
Wolt Responsive Layout Grid library helps you to create dynamic, adaptive grid layouts that seamlessly adjust to various screen sizes.
responsive_ui
👍 104 ⬇️ 163
Dart 3 compatibleMaintenance Status: Poor
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.
breakpoint
👍 103 ⬇️ 528
Dart 3 compatibleMaintenance Status: Good
A Flutter plugin to calculate the material design breakpoints.
auto_orientation
👍 88 ⬇️ 6.4K
Dart 3 compatibleMaintenance Status: Poor
Set the device orientation programmatically for iOS and Android
fluid_kit
👍 92 ⬇️ 189
Dart 3 compatibleMaintenance Status: Poor
Responsive helper for fluid layout. Allows you to control the layout of children based on minimum width and grid.
simple_grid
👍 79 ⬇️ 845
Dart 3 compatibleMaintenance Status: Average
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.
relative_scale
👍 67 ⬇️ 318
Dart 3 compatibleMaintenance Status: Poor
RelativeScale is a simple custom sizing system for flutter widgets to achieve the same physical sizes across different devices.
responsive
👍 66 ⬇️ 68
Dart 3 compatibleMaintenance 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.
flutter_gutter
👍 63 ⬇️ 923
Dart 3 compatibleMaintenance Status: Average
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 ⬇️ 28
Dart 3 compatibleMaintenance Status: Poor
Utilities that make it easy and fast to build adaptive apps for mobile, web, and beyond with Flutter.
size_helper
👍 59 ⬇️ 111
Dart 3 compatibleMaintenance Status: Average
SizeHelper is a Flutter package for developing a responsive UI, with more control on UI components based on the current screen-size.
screentasia
👍 51 ⬇️ 38
Dart 3 compatibleMaintenance Status: Poor
A Flutter package that helps you create beautifully adaptive designs for all screens with a wealth of features.
responsive_util
👍 50 ⬇️ 34
Dart 3 compatibleMaintenance Status: Poor
A Flutter widget that allows drag resizing of its child's bounds to easily test responsive design.
flexify
👍 47 ⬇️ 90
Dart 3 compatibleMaintenance Status: Average
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.
material3_layout
👍 44 ⬇️ 25
Dart 3 compatibleMaintenance Status: Poor
This package helps to create adaptive applications following the Material Design 3 guidelines.
flexible_wrap
👍 41 ⬇️ 2.7K
Dart 3 compatibleMaintenance Status: Good
Widget that arranges its children in a flexible wrap layout, allowing them to expand according to available space while maintaining the specified layout properties.
resize
👍 41 ⬇️ 387
Dart 3 compatibleMaintenance 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.
bootstrap_flutter
👍 31 ⬇️ 33
Dart 3 compatibleMaintenance Status: Poor
Aplicação de responsividade do bootstrap para facilitar a criação de multiplos tamanhos de telas em seus projetos
flutter_split_view
👍 30 ⬇️ 129
Dart 3 compatibleMaintenance Status: Poor
Flutter widget that automatically splits the screen into two views based on available space. This is based on Navigator 2.0.
flutter_responsive
👍 30 ⬇️ 113
Dart 3 compatibleMaintenance Status: Poor
Responsive layout widgets for Flutter. This plugin was inspired on Bootstrap web project.
screenwise
👍 30 ⬇️ 19
Dart 3 compatibleMaintenance Status: Average
A Flutter package providing responsive widgets that automatically adapt to different screen sizes without manual if/else statements.
responsive_toolkit
👍 29 ⬇️ 404
Dart 3 compatibleMaintenance Status: Poor
Easy-to-use responsive tools for Flutter. Simplify layouts across screens of any size and shape.
custom_adaptive_scaffold
👍 28 ⬇️ 680
Dart 3 compatibleMaintenance Status: Good
Widgets to easily build adaptive layouts, including navigation elements.
flutter_bootstrap5
👍 28 ⬇️ 14
Dart 3 compatibleMaintenance Status: Poor
A Flutter implementation of many Bootstrap 5 functionalities.
flutter_scale_kit
👍 26 ⬇️ 1.4K
Dart 3 compatibleMaintenance Status: Good
High-performance responsive design package for Flutter with intelligent caching, const widgets, and device-specific scaling. Optimized alternative to flutter_screenutil.
flutter_screen_scaler
👍 27 ⬇️ 65
Dart 3 compatibleMaintenance Status: Good
A package to scale widgets and font sizes based on screen percentages, with convenient extension methods (e.g., `50.h`, `30.w`, `16.sp`).
responsive_spacing
👍 27 ⬇️ 46
Dart 3 compatibleMaintenance Status: Poor
Make your app responsive & adaptive with dynamic spacing, margins, paddings, gutters, body-size & columns.
screen_go
👍 27 ⬇️ 44
Dart 3 compatibleMaintenance Status: Average
A flutter plugin for Easily make Flutter apps responsive. Automatically adapt UI to different screen sizes. Responsiveness made simple.
responsive_phk
👍 27 ⬇️ 22
Dart 3 compatibleMaintenance Status: Good
A Flutter package to build responsive layouts effortlessly on multiple screen sizes.
response
👍 26 ⬇️ 22
Dart 3 compatibleMaintenance Status: Poor
Flutter plugin helps to maintain a clean looking widgets size in all available displays in which the app will be.
gap_here
👍 25 ⬇️ 46
Dart 3 compatibleMaintenance Status: Average
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 ⬇️ 546
Dart 3 compatibleMaintenance Status: Poor
Flutter Sizer helps implement a reponsive layout by providing helper widgets and extensions.
responsive_layout_builder
👍 24 ⬇️ 137
Dart 3 compatibleMaintenance 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.
dimensions_theme
👍 24 ⬇️ 108
Dart 3 compatibleMaintenance Status: Poor
Define app dimensions inside flutter theme.
adaptive_screen_flutter
👍 23 ⬇️ 56
Dart 3 compatibleMaintenance Status: Poor
Make the layout become adaptive for mobile, tablet and web screen.
responsive_scaffold_nullsafe
👍 23 ⬇️ 36
Dart 3 compatibleMaintenance Status: Poor
On mobile it shows a list and pushes to details and on tablet it shows the List and the selected item.
master_detail_scaffold
👍 21 ⬇️ 497
Dart 3 compatibleMaintenance Status: Poor
A package for implementing a responsive master-detail scaffold widget
dynamicutils
👍 21 ⬇️ 44
Dart 3 compatibleMaintenance Status: Poor
Flutter Package For Create A Responsive Design From Figma,XD Etc.....
spaces
👍 18 ⬇️ 17
Dart 3 compatibleMaintenance Status: Poor
Defining global spacing constants for building consistent and responsive apps.
the_responsive_builder
👍 16 ⬇️ 13
Dart 3 compatibleMaintenance Status: Average
This flutter package provides a set of utilities to aid in building responsive Flutter applications.
flexiflow
👍 7 ⬇️ 4
Dart 3 compatibleMaintenance Status: Poor
A responsive and flexible solution designed to effortlessly adapt to your needs, providing a seamless and dev-friendly experience.
responsive_flex_list
👍 6 ⬇️ 143
Dart 3 compatibleMaintenance Status: Good
A Flutter package for creating animated responsive list to grid layouts with masonry support, customizable separators, and full RTL compatibility.
notebook_paper
👍 4 ⬇️ 15
Dart 3 compatibleMaintenance Status: Poor
Craft beautiful notebook-like interfaces in Flutter with ease using Notebook Paper, a customizable widget package.
m_sizer
👍 4 ⬇️ 3
Dart 3 compatibleMaintenance Status: Poor
A flutter plugin for Easily make Flutter apps responsive. Automatically adapt UI to different screen sizes. Responsiveness made simple.
adaptive_shell
👍 1 ⬇️ 52
Dart 3 compatibleMaintenance Status: Good
Adaptive master-detail layout for Flutter — automatically switches between compact and two-pane layouts across mobile, tablet, and desktop.
flutgrid
👍 1 ⬇️ 31
Dart 3 compatibleMaintenance Status: Good
A Flutter package for building responsive grid layouts with ease.
bootjack
👍 0 ⬇️ 193
Dart 3 compatibleMaintenance Status: Good
Bootjack is a porting of Twitter Bootstrap 3.0.x in Dart.
responsive_ui_kit
👍 0 ⬇️ 14
Dart 3 compatibleMaintenance Status: Good
responsive_ui_kit helps you build adaptive, scalable Flutter UIs with centered layouts, responsive split views, screen size extensions, and auto text scaling.
ready
👍 114 ⬇️ 478
Maintenance Status: Average
Package that contains complete list solution and admin dashboard
bs_flutter
👍 38 ⬇️ 202
Maintenance Status: Poor
Simple flutter widget from Bootstrap v5 component, including responsive grid layout based on bootstrap grid system
mobile_sidebar
👍 31 ⬇️ 19
Maintenance Status: Poor
A Responsive Sidebar for Flutter that follows Material Design
argo
👍 24 ⬇️ 55
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_image
👍 15 ⬇️ 9
Maintenance Status: Poor
A flutter library that add responsive capabilities to images
responsive_x
👍 14 ⬇️ 18
Maintenance Status: Poor
A simple Flutter package to handle responsiveness using extensions
flutter_autosize_screen
👍 11 ⬇️ 35
Maintenance Status: Poor
A low-cost Flutter screen adaptation solution