Category Responsive Design
Top Responsive Design packages
Adaptive layouts and screen-size utilities (responsive_framework, screenutil)
| Rank | Package | Description | Downloads / day | Stars | Likes |
|---|---|---|---|---|---|
| #1 — | A flutter plugin for adapting screen and font size.Guaranteed to look good on different models | 12.3K | ★ 4K | 5.1K | |
| #2 — | 🇺🇸 codelessly.com | Easily make Flutter apps responsive. Automatically adapt UI to different screen sizes. Responsiveness made simple. | 5.3K | ★ 1.4K | 3.4K |
| #3 — | 🇿🇦 filledstacks.com | A set of widgets that can be used to define a readable responsive UI for widgets. | 2.7K | ★ 523 | 1.7K |
| #4 — | hanstan.link | Responsive Sizer helps implement a reponsive layout by providing helper widgets and extensions. | 650 | ★ 133 | 595 |
| #5 — | Responsive Grid Layout and List for Flutter | 536 | ★ 92 | 272 | |
| #6 — | 🇹🇷 medialyra.com | Adaptive platform-specific widgets for Flutter. Auto renders native iOS 26+ liquid glass designs, traditional Cupertino widgets for older iOS versions, Material Design for Android. | 336 | ★ 215 | 347 |
| #7 — | 🇩🇪 htoenjes.de | A Flutter plugin to create responsive grid lists using ListView.builder() or SliverList with a SliverChildBuilderDelegate. | 305 | ★ 22 | 150 |
| #8 — | jaimeblasco.com | Layout encourage consistency across platforms, environments, and screen sizes by using uniform elements and spacing. | 148 | ★ 754 | 367 |
| #9 — | 🇮🇩 wisnuwiry.space | Make Limit content size in Flutter Web/Desktop/PWA, Make your app that doesn't support responsiveness more focused on content | 144 | ★ 16 | 72 |
| #10 — | Flutter common utils library. SpUtil, ScreenUtil, WidgetUtil, DirectoryUtil, ImageUtil. SharedPreferences Util. Screen info & Screen adaptation. get image size. | 99 | ★ 1.9K | 96 | |
| #11 — | 🇮🇳 pesa.co.in | An extension to the widget that helps to reduce the boilerplate and adds some helpful methods. and you can make responsive design. | 86 | ★ 95 | 234 |
| #12 — | High-performance, sliver-based draggable and resizable grid engine for Flutter. Supports responsive layouts and collision handling. | 86 | ★ 10 | 12 | |
| #13 — | High-performance responsive design package for Flutter with intelligent caching, const widgets, and device-specific scaling. Optimized alternative to flutter_screenutil. | 79 | ★ 7 | 27 | |
| #14 — | A lightweight library for implementing Responsive layout grid. Provide body, margin. | 73 | ★ 6 | 0 | |
| #15 — | 🇺🇸 caseycrogers.dev | 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. | 63 | ★ 17 | 64 |
| #16 — | 🇸🇪 hanskokx.com | Widgets to easily build adaptive layouts, including navigation elements. | 60 | ★ 12 | 28 |
| #17 — | Flutter Sizer helps implement a reponsive layout by providing helper widgets and extensions. | 57 | ★ 3 | 24 | |
| #18 — | 🇫🇮 wolt.com | Wolt Responsive Layout Grid library helps you to create dynamic, adaptive grid layouts that seamlessly adjust to various screen sizes. | 45 | ★ 69 | 131 |
| #19 — | A powerful Flutter plugin for adaptive screen and font scaling with CSS-like breakpoints and SwiftUI-style size classes. Includes responsive scaling and breakpoint-aware widgets. | 39 | ★ 9 | 15 | |
| #20 — | Responsive Pro — Responsividade avançada para Flutter, escalonamento de fonte e adaptação automática de layouts para todas as plataformas suportadas pelo Flutter. | 38 | ★ 0 | 1 | |
| #21 — | 🇮🇳 yudiz.com | A Flutter package enabling dynamic height ListView and GridView layouts, perfect for responsive and adaptive interfaces with content of varying sizes. | 27 | ★ 1 | 28 |
| #22 — | 🇮🇩 gepcode.com | 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. | 26 | ★ 17 | 79 |
| #23 — | 🇧🇪 didierboelens.com | A partial implementation of Bootstrap Grid system in Flutter for Responsive Layout. | 21 | ★ 86 | 185 |
| #24 — | 🇺🇸 mokulua.dev | A Flutter widget that intelligently adapts text display with line wrapping, font scaling, and truncation based on available space. | 20 | ★ 3 | 2 |
| #25 — | 🇺🇸 rodydavis.com | A Flutter plugin to calculate the material design breakpoints. | 20 | ★ 5 | 103 |
| #26 — | 🇺🇸 voostack.com | Design token system for VooFlutter with responsive adaptations | 19 | — | 2 |
| #27 — | 🇺🇸 voostack.com | A comprehensive responsive design system for Flutter applications, providing breakpoints, responsive builders, and adaptive layouts. | 19 | — | 1 |
| #28 — | 🇵🇭 xamantra.dev | RelativeScale is a simple custom sizing system for flutter widgets to achieve the same physical sizes across different devices. | 18 | ★ 18 | 67 |
| #29 — | The ResponsiveLayoutGrid provides a convenient responsive layout structure for elements within the body region. | 18 | ★ 5 | 13 | |
| #30 — | ducafe_ui_core is a Flutter UI core library designed to simplify UI development in Flutter applications. It provides a series of practical extension methods and utility classes, including screen adaptation, Widget extensions, context extensions, string extensions, etc., helping developers quickly build beautiful and responsive user interfaces. | 17 | ★ 62 | 28 | |
| #31 — | 🇳🇱 framboos.dev | Easy-to-use responsive tools for Flutter. Simplify layouts across screens of any size and shape. | 16 | ★ 15 | 29 |
| #32 — | o7planning.org | A standalone, highly customizable multi-platform Admin Dashboard layout framework for Flutter, featuring adaptive modular sidebars and unified topbar structures. | 15 | — | 0 |
| #33 — | 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. | 14 | ★ 6 | 48 | |
| #34 — | The Ultimate Responsive Layout System. Features smart scaling, 6-tier grids, adaptive flex layouts, container queries, and 4K protection with zero-allocation math. | 14 | ★ 3 | 28 | |
| #35 — | gsmlg.dev | Adaptive scaffold widgets for DuskMoon Design System, forked from flutter_adaptive_scaffold. | 13 | — | 0 |
| #36 — | A responsive sliding drawer widget inspired by the official ChatGPT Android app | 13 | ★ 4 | 3 | |
| #37 — | A flutter plugin for Easily make Flutter apps responsive. Automatically adapt UI to different screen sizes. Responsiveness made simple. | 12 | ★ 9 | 27 | |
| #38 — | toly1994.com | A responsive ui library for Flutter. Help developer build app easier. | 10 | ★ 492 | 15 |
| #39 — | i-cultiver.com | Responsive Design Mastery for Flutter: Media Query and Scaling Configuration | 10 | ★ 1 | 9 |
| #40 — | 🇦🇺 dexterx.dev | A package for implementing a responsive master-detail scaffold widget | 10 | ★ 20 | 21 |
| #41 — | 🇮🇳 nanthakumaran.com | A Simple Responsive Design Approach for your Flutter Apps. Includes all the necessary things to design a responsive User Interface for your Apps. | 9 | ★ 5 | 41 |
| #42 — | A lightweight and responsive data grid for Flutter with adaptive layouts, custom cell rendering, and support for web, desktop, and mobile. | 9 | ★ 0 | 1 | |
| #43 — | A Simple Responsive Design Approach for your Flutter Apps. Includes all the necessary things to design a responsive User Interface for your Apps. | 9 | — | 3 | |
| #43 — | A Flutter package for creating adaptive navigation views that seamlessly adapt to different platforms and devices. | 9 | ★ 1 | 4 | |
| #45 — | 🇺🇸 techypanther.com | Building responsive UI made easy with extension that size_config package provide. | 9 | — | 17 |
| #46 — | A package provides an easy way to adjust multiple values based on screen size or parent widget size in Flutter project. | 8 | ★ 1 | 2 | |
| #47 — | cosee.biz | A notebook background which is responsive to the system text size settings. | 8 | ★ 1 | 21 |
| #48 — | A partial implementation of Bootstrap Grid system in Flutter for Responsive Layout. | 8 | ★ 0 | 1 | |
| #49 ▼ 3 | 🇧🇷 carda.me | Responsive layout widgets for Flutter. This plugin was inspired on Bootstrap web project. | 8 | ★ 14 | 30 |
| #50 — | 🇮🇳 mohamedashraf.in | Flutter Package For Create A Responsive Design From Figma,XD Etc..... | 7 | ★ 7 | 21 |
| #51 — | NovaDrawer – Production-grade Flutter drawer system with responsive layout | 7 | ★ 0 | 1 | |
| #52 — | amazingsoftworks.com | Responsive helper for fluid layout. Allows you to control the layout of children based on minimum width and grid. | 7 | ★ 12 | 92 |
| #53 — | 🇧🇷 toureholder.com | A flutter package that facilitates implementing layouts that adapt to different screen widths. | 7 | ★ 7 | 19 |
| #54 — | flutterwiki.com | A productivity-boosting micro-extension framework for Flutter. Build responsive, theme-aware apps up to 7x faster with easy, reusable add-ons. | 7 | ★ 2 | 6 |
| #55 — | 🇩🇪 digital-confidence.de | A minimal, easy to use responsive framework for building UI for all screen sizes using the Boostrap breakpoints by default. | 7 | ★ 2 | 13 |
| #56 — | 🇮🇳 tusharsadhwani.dev | A responsive scaffold widget that adjusts to your device size, for your flutter mobile and web apps. | 7 | ★ 10 | 19 |
| #57 — | 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. | 7 | ★ 16 | 104 | |
| #58 — | Responsive Flutter list, grid, and masonry layouts with animations, separators, custom breakpoints, and RTL-aware behavior for mobile, desktop, and web. | 6 | ★ 3 | 7 | |
| #59 ▲ 17 | A lightweight app-level responsive window utility for Flutter, with Material Design 3-inspired width breakpoints. | 6 | ★ 0 | 1 | |
| #60 — | A reusable custom text widget for Flutter with Google Fonts and ScreenUtil support. | 6 | ★ 0 | 2 | |
| #61 — | morphui.dev | Automatic UI adaptation for Flutter. Dark mode, accessibility, and behavioral layout adaptation — zero configuration. | 5 | ★ 2 | 1 |
| #62 ▲ 4 | amaanali.dev | A lightweight 12-column responsive grid system for Flutter with breakpoints, offsets, nested grids, sliver support, and width-aware builders. | 5 | ★ 0 | 3 |
| #63 ▼ 2 | 🇺🇦 thisismarch.dev | 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. | 5 | ★ 8 | 24 |
| #63 ▼ 2 | This package helps applications design differently from GUI guides, even on devices with different resolutions. | 5 | — | 8 | |
| #65 ▼ 4 | 🇮🇳 voltvave.com | Flutter Package for creating adaptive UIs for different screen sizes. | 5 | ★ 2 | 16 |
| #65 — | 🇳🇵 subashkc.info.np | Adaptive dashboard shell with collapsible sidebar and mobile bottom nav. | 5 | ★ 0 | 1 |
| #67 ▼ 3 | A powerful and intuitive Flutter package for creating responsive and adaptive UIs. Build component-level responsive layouts with ease. | 5 | ★ 7 | 6 | |
| #68 — | 🇮🇳 pkumar.link | Manage responsive text sizes with defined ranges across mobile, tablet, and desktop. | 5 | ★ 3 | 12 |
| #69 — | Preview Flutter apps on multiple devices with transparent framed PNG screenshot export. | 5 | ★ 1 | 0 | |
| #70 — | A new Flutter package. | 5 | — | 8 | |
| #71 — | A Flutter package to build responsive layouts effortlessly on multiple screen sizes. | 4 | ★ 0 | 27 | |
| #72 — | Screen-adaptive scaling for size, spacing, radius and fonts, with automatic orientation swap and accessibility-aware font sizing. | 4 | ★ 0 | 3 | |
| #73 — | Smart responsive scaling engine for Flutter with adaptive layout support. | 4 | ★ 0 | 1 | |
| #73 — | A comprehensive Flutter adaptive dialog manager package that provides multi-platform dialog support with responsive design, accessibility features, and platform-specific behaviors. | 4 | — | 0 | |
| #75 — | Simple flutter widget from Bootstrap v5 component, including responsive grid layout based on bootstrap grid system | 4 | ★ 11 | 38 | |
| #76 — | 🇺🇸 fteam.dev | A Flutter package for responsive design with proportional scaling, Material Design 3 breakpoints, and adaptive strategies for phones, tablets, and desktops. | 4 | ★ 2 | 8 |
| #77 — | 🇨🇴 jocaagura.com | Effortlessly manage overflow for Text widgets in Flutter with the Flutter Overflow Manager package. This versatile package provides a generic solution for handling overflow. | 4 | ★ 1 | 8 |
| #78 — | A Flutter package to ease the development of an adaptive navigation. | 4 | ★ 3 | 4 | |
| #78 — | 🇺🇸 ibtihaaj.com | SafeScale is a production-grade responsive scaling utility for Flutter that prevents "UI bloat" on problematic devices. | 4 | ★ 1 | 1 |
| #80 — | This package is used to develop flutter app more responsive , It also provides responsive sizedbox based o source device size | 4 | ★ 3 | 22 | |
| #81 — | A Flutter package that provides a way to easily do a responsive layout, using breakpoints. | 4 | ★ 6 | 5 | |
| #82 ▼ 2 | A lightweight Flutter widget that automatically adjusts and resizes text to perfectly fit within its container. Ideal for dynamic layouts, buttons, cards, and titles where text size must adapt to available space.
| 4 | ★ 0 | 2 | |
| #83 — | You don't need to be worried just because you have to support multiple screens | 4 | ★ 44 | 5 | |
| #83 — | 🇦🇷 mibus-app.com.ar | A Flutter package for Easily make Flutter apps responsive. Automatically adapt UI to different screen sizes. Responsiveness made simple. | 4 | ★ 2 | 10 |
| #85 — | Make the layout become adaptive for mobile, tablet and web screen. | 4 | ★ 1 | 23 | |
| #86 — | 🇺🇸 dip.dev | Flutter package for build Flexible and beautiful UI to considers different screen sizes. | 4 | ★ 0 | 18 |
| #86 — | Make a proportion and proportion to the length, width, and diameter of the screens of all kinds to get a responsive design. | 4 | ★ 1 | 4 | |
| #88 — | 🇵🇱 tercad.com | Grid Layout (CSS) for Flutter -- adaptive design strategy, optimized for a complex user interface design. | 3 | ★ 1 | 2 |
| #89 — | 🇪🇸 titoworld.dev | It helps you to use the screen sizes through mediaquery, without having to make instances to shorten its size or use it completely. | 3 | ★ 3 | 9 |
| #90 — | 🇧🇷 displaykit.tech | You don't need to be worried just because you have to support multiple screens | 3 | ★ 65 | 14 |
| #91 — | A Flutter package that creates adaptive selectors for all platforms with customizable features and built-in functionalities. | 3 | ★ 1 | 7 | |
| #92 — | 🇨🇿 nerdy.pro | Adaptive layout builder - you can easily build custom page layout that would depend on a screen size to choose the correct widget | 3 | ★ 1 | 6 |
| #93 — | alexastudillo.com | Create responsive applications using different widgets that adapt to different screen densities. | 3 | ★ 2 | 4 |
| #94 — | Simple represent widget for representative screen. | 3 | ★ 0 | 3 | |
| #94 — | A Flutter widget that switches between Row and Column based on screen dimensions and orientation, with optional reverse direction support. | 3 | ★ 0 | 2 | |
| #94 — | 🇮🇳 intellium.in | Adaptive UI Layout helps implement a responsive layout by providing helper widgets and extensions | 3 | ★ 2 | 6 |
| #97 — | Responsive UI framework for web and desktop - Top menu, responsive master/detail panes and context menu with keyboard shortcuts. | 3 | ★ 23 | 123 | |
| #97 — | A package to scale widgets and font sizes based on screen percentages, with convenient extension methods (e.g., `50.h`, `30.w`, `16.sp`). | 3 | ★ 17 | 27 | |
| #99 — | A flexible and effective flutter package for responsive and adaptive design. | 3 | ★ 3 | 4 | |
| #100 — | A lightweight Flutter package that creates fully responsive, dynamic grids. | 3 | ★ 0 | 3 | |
| #101 — | 🇩🇪 paul-koehler.dev | Implement designs just like your designer intended. Use either the classic responsive design grid approach or go with the Material Design Layout. | 3 | ★ 10 | 36 |
| #102 — | Auto-scaling layout framework define pages with PageContentBuilder and PageDestinationModel, and it adapts to any screen size; use FittedBox for tiny screens. | 3 | ★ 2 | 2 | |
| #103 — | Package para desenvolvimento de aplicações responsivas (desktop e mobile). | 3 | ★ 2 | 1 | |
| #104 — | 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. | 3 | ★ 15 | 66 | |
| #104 — | The plug-in scales sizes based on the size of the UIDesign prototypes and the windows the components are being placed into. | 3 | ★ 5 | 8 | |
| #104 — | 🇩🇪 dev-cetera.com | A package that provides a convenient method to scale your app UI up or down. | 3 | ★ 1 | 2 |
| #104 — | A comprehensive zero-dependency Flutter responsive design system with adaptive layouts, percentage-based sizing, device detection, design-proportional scaling, and fully customizable breakpoints. Works on all platforms. | 3 | ★ 1 | 4 | |
| #108 — | A collection of widgets that adapt to match the preferred style of the current platform | 2 | ★ 2 | 2 | |
| #108 — | A flutter plugin for Easily make Flutter apps responsive. Automatically adapt UI to different screen sizes. Responsiveness made simple. | 2 | ★ 0 | 13 | |
| #108 — | 🇮🇩 teradaily.com | Simplify Adaptive Screen Management for mobile, tablet, and desktop with screen breakpoint and orientation. | 2 | ★ 1 | 2 |
| #111 — | 🇮🇳 shashiben.me | A flutter package for faster UI developement and provide responsiveness for flutter web applications and has multiple extensions. | 2 | ★ 15 | 47 |
| #112 ▲ 2 | 🇺🇸 concerti.io | Responsive Data Grid for Flutter inspired by Kendo UI's Grid functionality with full filtering, sorting, and paging that also responds dynamically to screen size using the same metaphor as bootstrap grid. | 2 | ★ 2 | 7 |
| #112 — | A lightweight, dependency-free Flutter package for adaptive UI rendering across mobile, tablet, and desktop screens. | 2 | ★ 0 | 4 | |
| #112 — | 🇮🇶 adpui.blogspot.com | Implements AdaptiveUi for Android and IOS in Flutter. | 2 | ★ 1 | 6 |
| #115 — | A Flutter package that displays an adaptive bottom navigation bar depending on the platform | 2 | ★ 0 | 1 | |
| #116 — | A flutter package that simplifies the process of building responsive UIs | 2 | ★ 1 | 3 | |
| #116 — | Codeveloper Tools is a lightweight Flutter package that provides a suite of custom UI widgets and helper functions to accelerate your app development. Built for simplicity and consistency, our tools help you quickly integrate polished, responsive components into your projects. | 2 | ★ 1 | 5 | |
| #118 — | A Flutter version of the screen adaptation package. | 2 | ★ 3 | 1 | |
| #118 — | 🇮🇩 morpheme.design | A Flutter package for building responsive Flutter applications with support for breakpoints on mobile, tablet, and desktop. | 2 | ★ 2 | 3 |
| #118 — | atreeon.com | A datagrid with sorting and filtering capabilities. It is also responsive to screen size. Fully Typed. | 2 | ★ 3 | 7 |
| #118 — | LayoutSimulator can simulate app layout with any screen size, orientation and text scale. | 2 | ★ 8 | 14 | |
| #118 — | 🇨🇳 fluttercandies.com | A flutter adaptation library that is enlarged / reduced in proportion to the width of the design drawing. | 2 | ★ 9 | 1 |
| #118 — | Responsive layout toolkit for Flutter with InheritedWidget-based breakpoints, CSS-like local overrides, and ScreenUtil scaling. | 2 | ★ 0 | 8 | |
| #124 — | Platforma göre otomatik olarak Cupertino veya Material widget kullanan Flutter UI bileşenleri. | 2 | ★ 0 | 2 | |
| #124 — | 🇮🇳 mysteriouscoder.com | The ultimate Flutter responsive toolkit — Figma scaling, adaptive layouts, typography, spacing, grid, navigation, RTL, and theme integration. | 2 | ★ 0 | 3 |
| #124 — | A Flutter package for creating adaptive and responsive UI designs across different screen sizes and orientations. | 2 | ★ 0 | 2 | |
| #127 — | 🇰🇿 contributors.info | A Flutter package that helps you build responsive layouts by defining and working with custom breakpoint enums. | 2 | ★ 4 | 6 |
| #127 — | A Flutter package for responsive spacing using SizedBox with relative screen height and width. | 2 | ★ 0 | 7 | |
| #127 ▼ 3 | A high-performance responsive framework for Flutter that makes your UI adapt seamlessly to any screen size with intuitive extensions and smart caching. | 2 | ★ 0 | 2 | |
| #130 — | A comprehensive Flutter package for responsive UI design with easy-to-use extensions for width, height, padding, margin, fonts, and device detection. | 2 | ★ 0 | 0 | |
| #131 — | packs.apexteam.net | A flutter dynamic responsive dashboard, easy to use and completely costumizable. | 2 | ★ 4 | 9 |
| #132 — | 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. | 2 | ★ 11 | 24 | |
| #133 — | A package for making screen design responsive | 2 | ★ 0 | 5 | |
| #133 — | Flutter Package used to achieve a bootstrap-like behavior in your flutter project (Web, Desktop, Mobile(Android, IOS)). | 2 | ★ 0 | 4 | |
| #133 — | A drop-in replacement for Scaffold with adaptive layouts (mobile, tablet, desktop). | 2 | ★ 0 | 3 | |
| #136 ▼ 3 | A professional, feature-rich countdown timer package for Flutter with full responsive design, multiple display styles, themes, and customization options for all devices. | 2 | ★ 4 | 9 | |
| #137 ▲ 4 | ernpao.online | A helper and widget library for implementing navigation, theme management, and responsive layouts for Flutter apps. | 2 | ★ 1 | 3 |
| #137 — | Adaptive platform android & IOS. Change scaffold, text, button and alert. | 2 | ★ 0 | 0 | |
| #137 — | Flutter package to automatically build widgets according to the platform. Only Android & iOS. | 2 | ★ 2 | 2 | |
| #137 — | a Flutter package for a scalable, adaptive and responsive UI | 2 | ★ 13 | 1 | |
| #141 — | 🇰🇭 mylekha.app | This is a resposive extension which allow you to spefic screen and screensize in your flutter application. You do not need to remember size width. | 2 | ★ 1 | 3 |
| #142 — | A Flutter package for checking and building building widgets by form factor (desktop, tablet, mobile). | 2 | ★ 0 | 3 | |
| #142 ▲ 8 | A dev-only overlay to debug and preview responsive layouts in Flutter apps without switching emulators. | 2 | ★ 0 | 7 | |
| #142 — | 🇧🇩 shajedul.com | A Flutter package to develop responsive Flutter applications. | 2 | ★ 1 | 10 |
| #145 ▼ 2 | A ready made, easily themable Adaptive Scaffold featuring a navigation bar, a navrail and a drawer. | 2 | ★ 5 | 9 | |
| #145 ▼ 2 | A model for an adaptive AppBar. Created to easily make an app bar that changes size for both mobile and web development. | 2 | ★ 1 | 1 | |
| #145 ▼ 2 | size adaption, make app UI more adaptive in various screen sizes | 2 | ★ 1 | 2 | |
| #148 — | A comprehensive Flutter toolkit with responsive sizing, adaptive widgets, networking, and storage utilities. | 2 | ★ 0 | 4 | |
| #148 — | Succinct utilities to help doing responsive layouts with less verbosity | 2 | ★ 11 | 8 | |
| #150 — | A powerful Flutter UI toolkit with 1500+ chainable extension methods for beautiful, responsive UIs. Spacing, colors, typography, animations, and more. | 2 | ★ 0 | 5 | |
| #151 — | A lightweight and adaptive Flutter list widget that automatically adjusts the number of visible items based on available height. | 2 | ★ 0 | 1 | |
| #151 — | A Flutter package for adaptive layouts, font scaling, and responsive widgets across platforms. | 2 | ★ 0 | 0 | |
| #151 — | A Flutter package that displays an adaptive bottom navigation bar depending on the platform | 2 | ★ 0 | 0 | |
| #151 — | 🇮🇳 talimsetu.in | Custom Dashboard Easy to use. More Customizble Responsive ui Desktop or Mobile Tablate. | 2 | ★ 2 | 6 |
| #151 — | A Flutter package that displays an adaptive bottom navigation bar depending on the platform | 2 | ★ 0 | 0 | |
| #156 — | A production-ready Flutter package for layout adaptation across mobile, tablet, and desktop breakpoints with a clean declarative API. | 2 | — | 0 | |
| #156 — | A acme custom container for responsive design. | 2 | — | 1 | |
| #156 — | zenonine.com | Beside predefined breakpoint systems, such as Material, you can create your fixed and responsive layout for different grid types: Manuscript, Columns, Modular and Baseline. | 2 | ★ 4 | 4 |
| #156 — | A Flutter package that adjusts text size dynamically based on screen width. | 2 | ★ 0 | 1 | |
| #160 — | A universal, adaptive list view widget with automatic layout switching, skeleton loading, drag & drop, A-Z jump bar, selection modes, swipe actions, and responsive design. | 2 | — | 0 | |
| #160 — | 🇮🇳 rennovationsoftware.com | Adaptive Navigation Rail | 2 | ★ 0 | 0 |
| #162 — | antonius.dev | An adaptive navigation scaffold that places navigation items either in a sidebar or a bottom navbar depending on the viewport width. | 2 | ★ 0 | 0 |
| #162 — | This package provides a set of tools and utilities for building adaptive widgets | 2 | — | 0 | |
| #162 — | A lightweight responsive utility for scaling widgets, text, and layout based on screen size and device type (mobile, tablet, desktop). | 2 | ★ 1 | 1 | |
| #162 — | Una librería Flutter moderna para construir interfaces adaptativas que responden automáticamente a diferentes tamaños de pantalla, orientaciones, idiomas y densidades de píxeles. Incluye widgets inteligentes como AdaptiveLayout, AdaptiveCard, y preparado para integración con IA. | 2 | ★ 1 | 1 | |
| #166 — | 🇩🇪 thiele.dev | Make your app responsive & adaptive with dynamic spacing, margins, paddings, gutters, body-size & columns. | 2 | ★ 10 | 27 |
| #166 — | A production-ready Flutter package for building fully responsive and adaptive layouts with customizable breakpoints, responsive values, and utility extensions. | 2 | ★ 0 | 0 | |
| #168 ▼ 2 | 🇰🇷 devstory.co.kr | Flutter design system & responsive tutorial package. | 2 | ★ 4 | 10 |
| #168 ▲ 2 | toly1994.com | tolyui responsive layout. | 2 | ★ 492 | 4 |
| #170 — | flutter_web_base is a library consisting of Flutter web compatible components. Easy to use and responsive. | 2 | ★ 12 | 9 | |
| #170 — | A Flutter package for creating responsive layouts across different screen sizes. | 2 | ★ 1 | 6 | |
| #172 — | A library that helps implement adaptive UI (based on OS , Screen size , ...) . | 2 | ★ 30 | 156 | |
| #172 ▲ 2 | A fully responsive, feature-rich Flutter data table for iOS, Android & Web with pagination, sorting, filtering, cell merging, expandable rows, frozen columns, themes and selection. | 2 | ★ 0 | 8 | |
| #174 ▼ 8 | A Flutter package for responsive screen height and width | 2 | ★ 3 | 7 | |
| #174 ▲ 2 | 🇪🇬 tomars.tech | A Flutter widget that chooses one complete row or column based on available space. | 2 | ★ 1 | 3 |
| #176 — | 🇮🇩 ozip.co.id | helping you to simplify text in your project and categorizing between size, and now include auto resize with your screen width | 1 | — | 4 |
| #176 ▲ 3 | 🇨🇳 songfei.org | Flutter UI scalable layout scheme. We want to be able to adapt perfectly to different resolution devices. Scales to the width of the screen. | 1 | ★ 2 | 8 |
| #178 ▼ 4 | 🇧🇷 artizansoftwares.com | A Flutter package for responsive design using customizable breakpoints. | 1 | ★ 1 | 14 |
| #178 — | Responsive kit is a flutter library which simplifies/assists in creating responsive UI in Flutter. | 1 | ★ 1 | 5 | |
| #178 ▲ 4 | A responsive and flexible Flutter Text widget with dynamic font scaling, optional single size, alignment, and onTap support for mobile, tablet, and desktop. | 1 | ★ 1 | 4 | |
| #178 — | rexthedev.blogspot.com | Utilities that make it easy and fast to build adaptive apps for mobile, web, and beyond with Flutter. | 1 | — | 61 |
| #182 — | 🇮🇳 vanshgoel.me | On mobile it shows a list and pushes to details and on tablet it shows the List and the selected item. | 1 | ★ 3 | 23 |
| #182 — | Responsive Sheet for Flutter apps that adapts seamlessly to Desktop, Tablet, and Mobile, providing a flexible and customizable modal experience. | 1 | ★ 1 | 5 | |
| #182 — | A lightweight and flexible Flutter package for building fully responsive UIs — mobile, tablet, and desktop — with ease. | 1 | ★ 0 | 3 | |
| #185 ▲ 2 | 🇧🇷 gabul.dev | Aplicação de responsividade do bootstrap para facilitar a criação de multiplos tamanhos de telas em seus projetos | 1 | ★ 7 | 31 |
| #185 ▲ 2 | UI Helpers to speed boost your development time! These will help you make your app responsive and also provides easy way to create Text, Button and Text Field Widgets. | 1 | ★ 3 | 19 | |
| #185 ▼ 3 | A package for responsivity. | 1 | ★ 10 | 6 | |
| #185 ▲ 2 | Support multiscreen(different resolution and size of display) for mobile application. | 1 | ★ 6 | 5 | |
| #185 ▼ 8 | Create stunning and responsive Flutter landing pages with the versatile LandingPage widget. | 1 | ★ 2 | 12 | |
| #190 ▼ 3 | A flutter package that simplifies the process of adding adaptive navigation to your apps. | 1 | ★ 0 | 7 | |
| #190 — | A low-cost Flutter screen adaptation solution | 1 | ★ 94 | 11 | |
| #192 — | flutter_device_config is a Flutter package that helps you tailor your UI to different screen sizes and pixel densities. Determine if the device is a watch, mobile, tablet, laptop, desktop, or TV. | 1 | ★ 1 | 5 | |
| #192 — | A Flutter package providing a responsive grid system and utilities similar to Bootstrap for building adaptive UIs. | 1 | ★ 0 | 4 | |
| #192 — | A package that provides essential tools to access device screen details, including PPI, screen size in inches, resolution in pixels, and conversion from millimeters to pixels. | 1 | ★ 4 | 4 | |
| #195 — | 🇳🇿 jhonacode.com | Responsive grid that automatically adjusts its items based on available width. | 1 | ★ 3 | 3 |
| #195 — | glenfordwilliams.com | Adaptive layout primitives and container-aware responsive builders for Flutter. | 1 | ★ 4 | 4 |
| #197 — | Adaptive and responive UIs based on device, platform or screen size | 1 | ★ 1 | 1 | |
| #197 — | 🇮🇳 dart.nonstopio.com | ns_utils is a powerful Flutter utility library that simplifies and enhances your Flutter app development experience. It provides a collection of methods and extensions to streamline your code, making it more readable and efficient. Whether you need responsive design, date and time handling, map operations, string manipulation, or widget customization, ns_utils has got you covered. | 1 | ★ 5 | 20 |
| #197 — | A Flutter package that helps you create beautifully adaptive designs for all screens with a wealth of features. | 1 | ★ 17 | 51 | |
| #197 — | A responsive grid layout for Flutter. With ResponsiveGrid and ResponsiveGridItem you can get the same behavior of Boostrap Grid System | 1 | ★ 4 | 3 | |
| #197 — | Flexa is a robust utility for handling responsive UI scaling in Flutter applications | 1 | ★ 3 | 3 | |
| #202 ▲ 2 | 🇮🇳 kumpali.com | A powerful adaptive screen detection and layout system for Flutter (mobile, tablet, desktop, foldables, TV) | 1 | ★ 1 | 2 |
| #202 ▲ 2 | Responsive tools for flutter. | 1 | ★ 0 | 0 | |
| #202 ▼ 4 | 🇫🇷 florian-lefebvre.dev | This package provides breakpoints to help achieve responsive designs. | 1 | ★ 4 | 7 |
| #205 — | raidbuilder.app | A Flutter widget for responsive card-based tables with consistently measured cell widths. | 1 | ★ 0 | 2 |
| #205 — | DynamicRowGrid is a Flutter package for customizable, responsive grid layouts, ideal for flexible designs. | 1 | ★ 1 | 4 | |
| #205 — | Make your apps responsive by using this package. This package allows you to use mediaQuery in a much better way. In this package the screen is divided 100 units by height and width, which can help us in getting the right dimensions for our required widgets. | 1 | ★ 0 | 11 | |
| #205 — | A Flutter package that helps developers create responsive layouts by adjusting dimensions and font sizes dynamically based on screen size and orientation. | 1 | ★ 1 | 6 | |
| #205 — | saktepe.com | A Flutter package for building responsive UIs that adapt to different screen sizes, device types, and orientations with automatic detection. | 1 | ★ 0 | 6 |
| #210 ▲ 2 | 🇺🇸 celestialsys.com | Quickly Build responsive flutter application with FlutterResponsiveFlexGrid. Create Responsive Grid for multiple screen sizes in Flutter. | 1 | ★ 10 | 6 |
| #210 ▼ 4 | techks.org | A Flutter package project for both Android and iOS which provides responsive Layout, Widget, and Text. | 1 | ★ 1 | 6 |
| #212 — | 🇮🇳 autoformsai.com | A flutter plugin for adapting screen and font size.Let your UI display a reasonable layout on different screen sizes by using device scale. | 1 | ★ 5 | 9 |
| #212 ▼ 17 | 🇮🇹 devthis.it | A Flutter package to create responsive layouts. Designed to handle responsive layouts in Flutter web projects, it works for any platform. | 1 | ★ 2 | 7 |
| #212 — | Accurate, orientation-aware scaling for Flutter that keeps your UI pixel-perfect across devices. | 1 | ★ 3 | 3 | |
| #212 — | A collection of Flutter widgets that adapt their appearance based on the platform and provide consistent button functionalities across different platforms. | 1 | ★ 2 | 8 | |
| #216 — | A modern, developer-friendly Flutter package for effortless responsive UIs that match your Figma designs perfectly. | 1 | ★ 4 | 4 | |
| #216 — | DeviceSimulator allows you to easily test your Flutter app for different screen resolutions and platforms. | 1 | ★ 132 | 177 | |
| #216 ▼ 3 | moduluz.io | Easy to use responsive framework for flutter | 1 | ★ 2 | 10 |
| #219 ▼ 2 | 🇮🇳 malayp.tech | A flutter package for making responsive application from your UI design easier and faster. | 1 | ★ 3 | 12 |
| #220 — | This package will help you to adjust the sizes of your widgets accordingly the size of the device that is running the app | 1 | ★ 0 | 2 | |
| #220 — | A responsive app lays out its UI according to the size and shape of the screen or window. | 1 | ★ 2 | 6 | |
| #220 — | techfoon.com | A responsive utility for Flutter to simplify scaling text, padding, and layout. | 1 | ★ 4 | 5 |
| #220 — | 🇺🇸 clearbluedesign.com | A Flutter widget that allows drag resizing of its child's bounds to easily test responsive design. | 1 | ★ 48 | 50 |
| #224 — | 🇵🇰 hamadanwar.me | A Flutter package that simplifies creating responsive grid views. It offers a set of methods to generate grid views with flexible configurations for various screen sizes. Easily adapt your grid layouts for mobile devices, tablets, desktops, and large screens, enhancing the responsiveness of your Flutter app's UI. | 1 | — | 6 |
| #225 — | 🇦🇪 akdebuging.com | A flutter package to help you scale your design on all screens sizes to achieve the same design look. | 1 | ★ 5 | 14 |
| #225 — | Flutter plugin to help building responsive UI's easy. | 1 | ★ 7 | 3 | |
| #227 — | Responsive Widgets Prefix allows you to add the "Responsive" prefix to any widget that needs scaling or font size increases (for varying device screen sizes). | 1 | ★ 3 | 9 | |
| #227 — | 🇳🇱 basdevaan.nl | A framework for building Fluid Responsive UIs in Flutter. | 1 | ★ 2 | 2 |
| #227 — | 🇱🇰 infoowly.com | Flutter extensionized responsiveness | 1 | ★ 0 | 0 |
| #230 — | Flutter plugin helps to maintain a clean looking widgets size in all available displays in which the app will be. | 1 | ★ 3 | 26 | |
| #230 — | 🇫🇷 jaumard.com | Package to select layout per orientation or device size like mobile vs tablet layouts or portrait vs landscape, they can be combine to support full layout customization. | 1 | ★ 8 | 4 |
| #230 — | This Flutter package provides a set of utilities and widgets to make your app responsive across different device types and screen sizes. | 1 | ★ 0 | 2 | |
| #230 — | This Package Use For Build Responsive Layout. | 1 | ★ 1 | 1 | |
| #234 — | rajasabiq.com | Flutter Resizer is a lightweight and efficient package for handling responsive UI scaling in Flutter applications. It simplifies adapting text sizes, widths, heights, and pixel ratios dynamically based on different screen sizes and devices. With built-in extension methods, it offers an easy way to make your UI fully responsive.
| 1 | ★ 0 | 1 |
| #234 — | A responsive class to handle UI elements across different screen sizes. | 1 | ★ 1 | 6 | |
| #234 — | Flutter widget for responsive text showing , it will automatically adapt with your screen size and it also fully customizable | 1 | ★ 0 | 2 | |
| #234 — | A new Flutter package to make your texts Responsive. The Package will Assist you to calculate size of texts and wieghts. Specify which Type of Texts you want to show such as [ headline, bodytext, subtitle text or caption text] so that is all... | 1 | ★ 1 | 1 | |
| #238 — | A new way to design by porcentage the size of objects | 1 | ★ 7 | 10 | |
| #238 — | A Flutter package providing responsive widgets that automatically adapt to different screen sizes without manual if/else statements. | 1 | ★ 6 | 30 | |
| #240 — | 🇮🇳 vexellab.com | This flutter package provides a set of utilities to aid in building responsive Flutter applications. | 1 | ★ 4 | 16 |
| #240 — | kazcore.com | With UI Tool you can easily make your app responsive for different screen sizes. | 1 | ★ 2 | 8 |
| #242 — | Responsive pachage that control size and font as you want to make responsive. | 1 | ★ 1 | 4 | |
| #243 — | A flutter package to help you develop for the web more intuitively and efficiently when it comes to responsive webapps. | 1 | ★ 4 | 7 | |
| #243 — | A Flutter package that provides fully responsive UI widgets including Row, Column, Grid, Padding, Text, and Container. Automatically adapts layouts for mobile, tablet, and desktop without manual size calculations. | 1 | ★ 0 | 4 | |
| #243 — | screen adapter | 1 | ★ 0 | 1 | |
| #243 — | This package helps to manage app layout displaying responsiveness across devices | 1 | ★ 2 | 10 | |
| #243 — | Responsive design utilities for card-based mobile games. Device-aware scaling from iPhone SE to Pro Max with standardized card dimensions. | 1 | ★ 0 | 0 | |
| #248 — | A Flutter package that provides responsive design capabilities inspired by Tailwind CSS breakpoints and responsive utilities. | 1 | ★ 6 | 10 | |
| #248 — | 🇰🇭 mylekha.app | This package allow you to build the widget based on width (screen) size or platform | 1 | ★ 5 | 12 |
| #250 — | 🇮🇳 therohitsoni.in | Responsive GridViw For All Platform, Configure custom columns count, Adjust Child and Overall Padding | 1 | ★ 2 | 11 |
| #250 — | 🇷🇺 dev.go.yandex | A Flutter package that lets you simulate various device screens directly inside your running app. Easily test your responsive UI on the fly without the need for physical devices or constantly switching emulators. | 1 | ★ 63 | 9 |
| #252 — | 🇰🇭 mylekha.app | Responsive Data table is a highly flexible tool built upon the foundations of progressive enhancement, that adds all of these advanced features to any flutter table. | 1 | ★ 60 | 164 |
| #253 — | 🇧🇷 artizansoftwares.com | A Flutter package for creating responsive applications that automatically adapt to different screen sizes, maintaining consistent proportions across devices. | 0 | — | 9 |
| #254 — | Responsive Data table is a highly flexible tool built upon the foundations of progressive enhancement, that adds all of these advanced features to any flutter table. | 0 | ★ 5 | 2 |
