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 | 11.4K | ★ 4K | 5.1K | |
| #2 — | 🇺🇸 codelessly.com | Easily make Flutter apps responsive. Automatically adapt UI to different screen sizes. Responsiveness made simple. | 4.9K | ★ 1.4K | 3.4K |
| #3 — | 🇿🇦 filledstacks.com | A set of widgets that can be used to define a readable responsive UI for widgets. | 3.2K | ★ 524 | 1.7K |
| #4 — | hanstan.link | Responsive Sizer helps implement a reponsive layout by providing helper widgets and extensions. | 490 | ★ 132 | 595 |
| #5 — | 🇹🇷 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. | 351 | ★ 234 | 378 |
| #6 — | Responsive Grid Layout and List for Flutter | 350 | ★ 91 | 272 | |
| #7 — | 🇩🇪 htoenjes.de | A Flutter plugin to create responsive grid lists using ListView.builder() or SliverList with a SliverChildBuilderDelegate. | 312 | ★ 23 | 150 |
| #8 — | 🇮🇩 wisnuwiry.space | Make Limit content size in Flutter Web/Desktop/PWA, Make your app that doesn't support responsiveness more focused on content | 147 | ★ 16 | 72 |
| #9 — | jaimeblasco.com | Layout encourage consistency across platforms, environments, and screen sizes by using uniform elements and spacing. | 131 | ★ 753 | 368 |
| #10 — | 🇮🇳 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. | 112 | ★ 95 | 234 |
| #11 — | Smooth, sliver-based drag & resize grid engine. Supports nested grids, cross-sliver DND, responsive layouts. Native Flutter alternative to GridStack & react-grid-layout. | 87 | ★ 14 | 23 | |
| #12 — | High-performance responsive design package for Flutter with intelligent caching, const widgets, and device-specific scaling. Optimized alternative to flutter_screenutil. | 79 | ★ 7 | 29 | |
| #13 — | 🇺🇸 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. | 70 | ★ 17 | 64 |
| #14 — | Flutter common utils library. SpUtil, ScreenUtil, WidgetUtil, DirectoryUtil, ImageUtil. SharedPreferences Util. Screen info & Screen adaptation. get image size. | 62 | ★ 1.9K | 96 | |
| #15 — | 🇫🇮 wolt.com | Wolt Responsive Layout Grid library helps you to create dynamic, adaptive grid layouts that seamlessly adjust to various screen sizes. | 60 | ★ 69 | 131 |
| #16 — | A powerful Flutter plugin for adaptive screen and font scaling with CSS-like breakpoints, SwiftUI-style size classes, and container-aware LayoutScope for nested panes. | 53 | ★ 11 | 22 | |
| #17 — | Responsive Pro — Responsividade avançada para Flutter, escalonamento de fonte e adaptação automática de layouts para todas as plataformas suportadas pelo Flutter. | 52 | ★ 0 | 1 | |
| #18 — | 🇸🇪 hanskokx.com | Widgets to easily build adaptive layouts, including navigation elements. | 47 | ★ 12 | 28 |
| #19 — | A responsive sliding drawer widget inspired by the official ChatGPT Android app | 37 | ★ 4 | 4 | |
| #20 — | The ResponsiveLayoutGrid provides a convenient responsive layout structure for elements within the body region. | 33 | ★ 5 | 13 | |
| #21 ▲ 4 | 🇧🇷 carda.me | Responsive layout widgets for Flutter. This plugin was inspired on Bootstrap web project. | 31 | ★ 14 | 30 |
| #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. | 28 | ★ 17 | 79 |
| #23 — | Flutter Sizer helps implement a reponsive layout by providing helper widgets and extensions. | 26 | ★ 3 | 24 | |
| #24 ▼ 2 | A lightweight library for implementing Responsive layout grid. Provide body, margin. | 26 | ★ 6 | 0 | |
| #25 ▲ 4 | 🇵🇭 xamantra.dev | RelativeScale is a simple custom sizing system for flutter widgets to achieve the same physical sizes across different devices. | 24 | ★ 18 | 67 |
| #26 ▼ 3 | 🇺🇸 rodydavis.com | A Flutter plugin to calculate the material design breakpoints. | 24 | ★ 6 | 103 |
| #27 — | 🇳🇱 friesi23.icu | Adaptive action placement with Material and Cupertino renderers for Flutter. | 22 | ★ 2 | 1 |
| #28 ▼ 2 | 🇺🇸 mokulua.dev | A Flutter widget that intelligently adapts text display with line wrapping, font scaling, and truncation based on available space. | 21 | ★ 3 | 2 |
| #29 ▼ 2 | 🇧🇪 didierboelens.com | A partial implementation of Bootstrap Grid system in Flutter for Responsive Layout. | 20 | ★ 86 | 185 |
| #30 — | gsmlg.dev | Adaptive widget library for DuskMoon Design System | 19 | — | 0 |
| #31 — | gsmlg.dev | Adaptive scaffold widgets for DuskMoon Design System, forked from flutter_adaptive_scaffold. | 16 | — | 0 |
| #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 — | 🇳🇱 framboos.dev | Easy-to-use responsive tools for Flutter. Simplify layouts across screens of any size and shape. | 15 | ★ 15 | 29 |
| #34 — | 🇺🇸 voostack.com | Design token system for VooFlutter with responsive adaptations | 12 | — | 2 |
| #35 ▲ 3 | 🇺🇸 voostack.com | A comprehensive responsive design system for Flutter applications, providing breakpoints, responsive builders, and adaptive layouts. | 11 | — | 1 |
| #36 — | A Simple Responsive Design Approach for your Flutter Apps. Includes all the necessary things to design a responsive User Interface for your Apps. | 10 | — | 3 | |
| #37 ▲ 3 | 🇮🇳 yudiz.com | A Flutter package enabling dynamic height ListView and GridView layouts, perfect for responsive and adaptive interfaces with content of varying sizes. | 10 | ★ 1 | 28 |
| #37 — | cosee.biz | A notebook background which is responsive to the system text size settings. | 10 | ★ 1 | 21 |
| #39 — | 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. | 10 | ★ 16 | 104 | |
| #40 ▼ 5 | amazingsoftworks.com | Responsive helper for fluid layout. Allows you to control the layout of children based on minimum width and grid. | 9 | ★ 12 | 92 |
| #41 — | Platform-adaptive Flutter UI kit with automatic Glass (iOS/macOS) and Material (Android) design — adaptive dialogs, pickers, and more. | 9 | ★ 2 | 2 | |
| #42 — | A partial implementation of Bootstrap Grid system in Flutter for Responsive Layout. | 9 | ★ 0 | 1 | |
| #43 ▲ 6 | The Ultimate Responsive Layout System. Features smart scaling, 6-tier grids, adaptive flex layouts, container queries, and 4K protection with zero-allocation math. | 9 | ★ 3 | 28 | |
| #44 — | 🇩🇪 digital-confidence.de | A minimal, easy to use responsive framework for building UI for all screen sizes using the Boostrap breakpoints by default. | 9 | ★ 2 | 13 |
| #45 ▲ 47 | NovaDrawer – Production-grade Flutter drawer system with responsive layout | 9 | ★ 0 | 1 | |
| #46 ▼ 2 | 🇮🇳 therohitsoni.in | Responsive GridViw For All Platform, Configure custom columns count, Adjust Child and Overall Padding | 7 | ★ 2 | 11 |
| #47 ▼ 2 | 🇧🇷 toureholder.com | A flutter package that facilitates implementing layouts that adapt to different screen widths. | 7 | ★ 7 | 19 |
| #48 ▲ 2 | 🇮🇳 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. | 7 | ★ 5 | 41 |
| #49 ▼ 2 | A magical, ultra-short, and powerful Flutter package to make your app responsive across Mobile, Tablet, Desktop, and Web with zero boilerplate. | 7 | ★ 0 | 1 | |
| #49 ▼ 4 | 🇳🇵 subashkc.info.np | Adaptive dashboard shell with collapsible sidebar and mobile bottom nav. | 7 | ★ 0 | 1 |
| #51 ▼ 3 | A lightweight, responsive flex grid layout system for Flutter inspired by Bootstrap. Supports customizable breakpoints, offset columns, and responsive values. | 6 | — | 1 | |
| #52 ▼ 2 | Responsive widgets and utilities for Flutter applications. | 6 | ★ 0 | 1 | |
| #53 — | A reusable Flutter UI foundation with adaptive navigation, theme tokens, split panes, and polished app controls. | 6 | ★ 2 | 1 | |
| #53 ▲ 2 | 🇰🇿 contributors.info | A Flutter package that helps you build responsive layouts by defining and working with custom breakpoint enums. | 6 | ★ 4 | 6 |
| #55 ▼ 2 | 🇵🇰 mobiledevhassan.pk | A CDN-agnostic responsive image loader that dynamically calculates widget bounds and requests optimized images from Supabase, Cloudinary, Imgix, Unsplash, Shopify, and more. | 6 | ★ 0 | 1 |
| #56 ▼ 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.
| 6 | ★ 0 | 2 | |
| #57 — | toly1994.com | A responsive ui library for Flutter. Help developer build app easier. | 6 | ★ 493 | 15 |
| #58 — | innovatenestlabs.com | A mobile-first, responsive application foundation for Flutter. | 5 | ★ 0 | 2 |
| #59 ▼ 2 | 🇵🇱 tercad.com | Grid Layout (CSS) for Flutter -- adaptive design strategy, optimized for a complex user interface design. | 5 | ★ 1 | 2 |
| #60 — | morphui.dev | Automatic UI adaptation for Flutter. Dark mode, accessibility, and behavioral layout adaptation — zero configuration. | 5 | ★ 2 | 1 |
| #61 — | A lightweight and responsive data grid for Flutter with adaptive layouts, custom cell rendering, and support for web, desktop, and mobile. | 5 | ★ 0 | 1 | |
| #62 — | 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. | 5 | ★ 1 | 1 | |
| #63 ▲ 2 | 🇨🇿 nerdy.pro | Adaptive layout builder - you can easily build custom page layout that would depend on a screen size to choose the correct widget | 5 | ★ 1 | 6 |
| #64 — | Preview Flutter apps on multiple devices with transparent framed PNG screenshot export. | 5 | ★ 1 | 0 | |
| #65 — | A new Flutter package. | 5 | — | 8 | |
| #65 ▼ 2 | 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. | 5 | ★ 62 | 28 | |
| #67 — | Screen-adaptive scaling for size, spacing, radius and fonts, with automatic orientation swap and accessibility-aware font sizing. | 4 | ★ 0 | 4 | |
| #68 ▲ 9 | A package to scale widgets and font sizes based on screen percentages, with convenient extension methods (e.g., `50.h`, `30.w`, `16.sp`). | 4 | ★ 16 | 27 | |
| #69 — | A comprehensive Flutter adaptive dialog manager package that provides multi-platform dialog support with responsive design, accessibility features, and platform-specific behaviors. | 4 | — | 0 | |
| #69 — | Smart responsive scaling engine for Flutter with adaptive layout support. | 4 | ★ 0 | 1 | |
| #69 ▲ 3 | 🇮🇳 gauravraj.dev | Adaptive Flutter widgets that resolve by platform, OS version, and form factor — Liquid Glass on iOS 26, Material 3 Expressive on Android 16, iPad-aware layouts. | 4 | ★ 2 | 1 |
| #72 — | A package provides an easy way to adjust multiple values based on screen size or parent widget size in Flutter project. | 4 | ★ 1 | 2 | |
| #72 ▼ 4 | 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. | 4 | ★ 6 | 48 | |
| #74 ▼ 3 | A flutter plugin for Easily make Flutter apps responsive. Automatically adapt UI to different screen sizes. Responsiveness made simple. | 4 | ★ 9 | 27 | |
| #75 — | miraidevs.com | A Flutter package for building responsive layouts and scalable sizing across mobile, tablet, and desktop devices. | 4 | ★ 1 | 3 |
| #76 ▼ 16 | flutterwiki.com | A productivity-boosting micro-extension framework for Flutter. Build responsive, theme-aware apps up to 7x faster with easy, reusable add-ons. | 4 | ★ 2 | 6 |
| #77 ▼ 3 | 🇺🇸 ibtihaaj.com | SafeScale is a production-grade responsive scaling utility for Flutter that prevents "UI bloat" on problematic devices. | 4 | ★ 1 | 1 |
| #78 ▼ 3 | 🇩🇪 whuppi.com | Adaptive, responsive layouts that morph between phone and desktop forms - list-detail, split panes, adaptive modals - keeping live widget state across resizes. | 4 | ★ 2 | 1 |
| #79 ▼ 2 | A reusable custom text widget for Flutter with Google Fonts and ScreenUtil support. | 4 | ★ 0 | 2 | |
| #79 ▼ 2 | Responsive Flutter list, grid, and masonry layouts with animations, separators, custom breakpoints, and RTL-aware behavior for mobile, desktop, and web. | 4 | ★ 3 | 7 | |
| #81 — | A Flutter package that displays an adaptive bottom navigation bar depending on the platform | 4 | ★ 0 | 1 | |
| #82 — | Animated responsive breadcrumbs synchronized with Flutter Navigator routes and URL-style locations. | 4 | ★ 0 | 1 | |
| #83 — | 🇮🇳 fabriktool.com | A lightweight, opinionated layout and responsiveness foundation for Flutter applications. | 4 | ★ 7 | 1 |
| #84 — | Every UI dimension scales proportionally to the screen. No .w/.h/.sp. | 3 | ★ 0 | 1 | |
| #84 ▲ 3 | Succinct utilities to help doing responsive layouts with less verbosity | 3 | ★ 11 | 8 | |
| #86 — | Simple flutter widget from Bootstrap v5 component, including responsive grid layout based on bootstrap grid system | 3 | ★ 11 | 38 | |
| #87 ▼ 2 | A Flutter package that provides a way to easily do a responsive layout, using breakpoints. | 3 | ★ 6 | 5 | |
| #88 ▲ 2 | 🇺🇸 fteam.dev | A Flutter package for responsive design with proportional scaling, Material Design 3 breakpoints, and adaptive strategies for phones, tablets, and desktops. | 3 | ★ 2 | 8 |
| #88 ▲ 2 | Figma-first responsive sizing for Flutter. Register the device frames your designers use, then write 48.opx to get pixel-perfect scaling on any screen. | 3 | ★ 0 | 3 | |
| #90 ▲ 2 | LayoutSimulator can simulate app layout with any screen size, orientation and text scale. | 3 | ★ 8 | 14 | |
| #91 ▼ 2 | This package helps applications design differently from GUI guides, even on devices with different resolutions. | 3 | — | 8 | |
| #92 ▲ 12 | 🇨🇴 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. | 3 | ★ 1 | 8 |
| #93 ▲ 40 | A dev-only overlay to debug and preview responsive layouts in Flutter apps without switching emulators. | 3 | ★ 0 | 7 | |
| #94 ▲ 12 | 🇮🇳 pkumar.link | Manage responsive text sizes with defined ranges across mobile, tablet, and desktop. | 3 | ★ 3 | 12 |
| #94 ▲ 7 | 🇩🇪 dev-cetera.com | A package that provides a convenient method to scale your app UI up or down. | 3 | ★ 1 | 2 |
| #94 — | 🇺🇦 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. | 3 | ★ 8 | 24 |
| #94 ▲ 3 | 🇳🇵 nishanpradhan.com.np | A simple Flutter package to add responsive padding and margin widgets for consistent, adaptive spacing across different screen sizes. | 3 | ★ 0 | 4 |
| #98 ▼ 16 | 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 | |
| #99 ▼ 2 | 🇮🇳 voltvave.com | Flutter Package for creating adaptive UIs for different screen sizes. | 3 | ★ 2 | 16 |
| #100 — | 🇺🇸 flexxxlab.com | BottomNavigationBar for mobile, NavigationRail for wide screens and TabBar for widerrrr screens | 3 | ★ 0 | 3 |
| #101 — | vasX UI — a collection of beautiful, reusable Flutter widgets including smart dropdowns, date pickers, multi-step wizards, animated popup menus, and responsive data tables. Built for production-grade Flutter apps.
| 3 | ★ 1 | 2 | |
| #102 — | 🇮🇩 teradaily.com | Simplify Adaptive Screen Management for mobile, tablet, and desktop with screen breakpoint and orientation. | 3 | ★ 1 | 2 |
| #103 ▲ 4 | 🇪🇸 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 |
| #103 ▼ 9 | 🇰🇭 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. | 3 | ★ 1 | 3 |
| #105 ▲ 2 | Package para desenvolvimento de aplicações responsivas (desktop e mobile). | 3 | ★ 2 | 1 | |
| #105 ▼ 18 | 🇺🇸 dip.dev | Flutter package for build Flexible and beautiful UI to considers different screen sizes. | 3 | ★ 0 | 18 |
| #107 ▼ 8 | A lightweight, dependency-free Flutter package for adaptive UI rendering across mobile, tablet, and desktop screens. | 3 | ★ 0 | 4 | |
| #107 ▲ 2 | alexastudillo.com | Create responsive applications using different widgets that adapt to different screen densities. | 3 | ★ 2 | 4 |
| #109 — | A flutter package that simplifies the process of building responsive UIs | 3 | ★ 1 | 3 | |
| #109 — | 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 | |
| #111 ▼ 15 | 🇺🇸 techypanther.com | Building responsive UI made easy with extension that size_config package provide. | 3 | — | 17 |
| #111 ▼ 2 | ernpao.online | A helper and widget library for implementing navigation, theme management, and responsive layouts for Flutter apps. | 3 | ★ 1 | 3 |
| #111 ▲ 3 | A customizable responsive data table for Flutter with pagination, sorting, row selection, and adaptive layouts. | 3 | ★ 1 | 3 | |
| #111 ▲ 2 | 🇧🇷 displaykit.tech | You don't need to be worried just because you have to support multiple screens | 3 | ★ 65 | 14 |
| #115 — | A Flutter package for creating adaptive and responsive UI designs across different screen sizes and orientations. | 3 | ★ 0 | 2 | |
| #116 — | A collection of widgets that adapt to match the preferred style of the current platform | 2 | ★ 2 | 2 | |
| #116 — | You don't need to be worried just because you have to support multiple screens | 2 | ★ 44 | 5 | |
| #116 ▲ 5 | A Flutter package providing responsive widgets that automatically adapt to different screen sizes without manual if/else statements. | 2 | ★ 6 | 30 | |
| #119 — | i-cultiver.com | Responsive Design Mastery for Flutter: Media Query and Scaling Configuration | 2 | ★ 1 | 9 |
| #119 — | 🇮🇳 shashiben.me | A flutter package for faster UI developement and provide responsiveness for flutter web applications and has multiple extensions. | 2 | ★ 15 | 47 |
| #121 ▼ 2 | 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 | |
| #122 ▼ 18 | 🇧🇷 artizansoftwares.com | A Flutter package for responsive design using customizable breakpoints. | 2 | ★ 1 | 14 |
| #123 — | 🇨🇳 fluttercandies.com | A flutter adaptation library that is enlarged / reduced in proportion to the width of the design drawing. | 2 | ★ 9 | 1 |
| #123 — | 🇮🇩 morpheme.design | A Flutter package for building responsive Flutter applications with support for breakpoints on mobile, tablet, and desktop. | 2 | ★ 2 | 3 |
| #123 — | atreeon.com | A datagrid with sorting and filtering capabilities. It is also responsive to screen size. Fully Typed. | 2 | ★ 3 | 7 |
| #123 — | A Flutter version of the screen adaptation package. | 2 | ★ 3 | 1 | |
| #127 — | 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 | |
| #127 — | A Flutter package that provides responsive design capabilities inspired by Tailwind CSS breakpoints and responsive utilities. | 2 | ★ 6 | 10 | |
| #127 ▼ 5 | Make the layout become adaptive for mobile, tablet and web screen. | 2 | ★ 1 | 23 | |
| #127 ▲ 8 | 🇩🇪 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. | 2 | ★ 10 | 36 |
| #127 — | 🇮🇳 mysteriouscoder.com | The ultimate Flutter responsive toolkit — Figma scaling, adaptive layouts, typography, spacing, grid, navigation, RTL, and theme integration. | 2 | ★ 0 | 3 |
| #132 ▼ 2 | Platforma göre otomatik olarak Cupertino veya Material widget kullanan Flutter UI bileşenleri. | 2 | ★ 0 | 2 | |
| #132 ▼ 2 | 🇮🇳 mohamedashraf.in | Flutter Package For Create A Responsive Design From Figma,XD Etc..... | 2 | ★ 7 | 21 |
| #132 ▼ 2 | 🇦🇷 mibus-app.com.ar | A Flutter package for Easily make Flutter apps responsive. Automatically adapt UI to different screen sizes. Responsiveness made simple. | 2 | ★ 2 | 10 |
| #135 ▼ 2 | 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 | |
| #135 ▲ 4 | Responsive UI framework for web and desktop - Top menu, responsive master/detail panes and context menu with keyboard shortcuts. | 2 | ★ 23 | 123 | |
| #137 ▲ 4 | 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 | |
| #137 — | 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 | |
| #137 ▼ 2 | A Flutter package to ease the development of an adaptive navigation. | 2 | ★ 3 | 4 | |
| #140 — | Flutter Package used to achieve a bootstrap-like behavior in your flutter project (Web, Desktop, Mobile(Android, IOS)). | 2 | ★ 0 | 4 | |
| #141 — | 🇺🇸 m3talsmith.com | A flexible Flutter package for creating responsive navigation pages with integrated navigation rails and sidebars. | 2 | ★ 2 | 2 |
| #142 — | A professional, feature-rich countdown timer package for Flutter with full responsive design, multiple display styles, themes, and customization options for all devices. | 2 | ★ 3 | 9 | |
| #142 — | Adaptive platform android & IOS. Change scaffold, text, button and alert. | 2 | ★ 0 | 0 | |
| #142 — | Flutter package to automatically build widgets according to the platform. Only Android & iOS. | 2 | ★ 2 | 2 | |
| #142 — | a Flutter package for a scalable, adaptive and responsive UI | 2 | ★ 13 | 1 | |
| #142 ▲ 6 | A powerful responsive toolkit for Flutter. Fonts, spacing, icons, radius & sizes that scale perfectly on all screens. | 2 | — | 4 | |
| #142 ▲ 59 | Create stunning and responsive Flutter landing pages with the versatile LandingPage widget. | 2 | ★ 2 | 12 | |
| #148 ▼ 7 | A Flutter package for creating responsive layouts across different screen sizes. | 2 | ★ 1 | 6 | |
| #149 — | A ready made, easily themable Adaptive Scaffold featuring a navigation bar, a navrail and a drawer. | 2 | ★ 5 | 9 | |
| #149 — | A Flutter package for creating adaptive navigation views that seamlessly adapt to different platforms and devices. | 2 | ★ 1 | 4 | |
| #149 — | A Flutter widget that switches between Row and Column based on screen dimensions and orientation, with optional reverse direction support. | 2 | ★ 0 | 2 | |
| #149 ▲ 12 | flutter_web_base is a library consisting of Flutter web compatible components. Easy to use and responsive. | 2 | ★ 12 | 9 | |
| #149 — | 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 | |
| #149 — | size adaption, make app UI more adaptive in various screen sizes | 2 | ★ 1 | 2 | |
| #155 ▲ 2 | This package is used to develop flutter app more responsive , It also provides responsive sizedbox based o source device size | 2 | ★ 3 | 22 | |
| #155 — | A flexible and effective flutter package for responsive and adaptive design. | 2 | ★ 3 | 4 | |
| #155 — | 🇮🇳 intellium.in | Adaptive UI Layout helps implement a responsive layout by providing helper widgets and extensions | 2 | ★ 2 | 6 |
| #155 — | 🇨🇾 almis.me | Fluid responsive sizing for Flutter. Typography, spacing, radii, shadows, and text themes that scale smoothly between typed min and max endpoints. | 2 | ★ 1 | 2 |
| #159 ▼ 2 | Make a proportion and proportion to the length, width, and diameter of the screens of all kinds to get a responsive design. | 2 | ★ 1 | 4 | |
| #159 ▲ 19 | adeshyadav.com | Responsive layout toolkit for Flutter with InheritedWidget-based breakpoints, CSS-like local overrides, and ScreenUtil scaling. | 2 | ★ 0 | 8 |
| #159 ▲ 8 | 🇮🇳 vanshgoel.me | On mobile it shows a list and pushes to details and on tablet it shows the List and the selected item. | 2 | ★ 3 | 23 |
| #162 — | A Flutter package that displays an adaptive bottom navigation bar depending on the platform | 2 | ★ 0 | 0 | |
| #162 — | 🇮🇳 talimsetu.in | Custom Dashboard Easy to use. More Customizble Responsive ui Desktop or Mobile Tablate. | 2 | ★ 2 | 6 |
| #162 — | A lightweight and adaptive Flutter list widget that automatically adjusts the number of visible items based on available height. | 2 | ★ 0 | 1 | |
| #162 — | A Flutter package for adaptive layouts, font scaling, and responsive widgets across platforms. | 2 | ★ 0 | 0 | |
| #162 — | A Flutter package that displays an adaptive bottom navigation bar depending on the platform | 2 | ★ 0 | 0 | |
| #162 ▲ 5 | 🇺🇸 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 |
| #168 ▲ 18 | 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 |
| #168 — | A Flutter package that adjusts text size dynamically based on screen width. | 2 | ★ 0 | 1 | |
| #168 — | A production-ready Flutter package for layout adaptation across mobile, tablet, and desktop breakpoints with a clean declarative API. | 2 | — | 0 | |
| #168 — | A acme custom container for responsive design. | 2 | — | 1 | |
| #172 ▲ 2 | 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 | |
| #172 ▲ 2 | 🇮🇳 rennovationsoftware.com | Adaptive Navigation Rail | 2 | ★ 0 | 0 |
| #172 ▼ 5 | A Flutter package that creates adaptive selectors for all platforms with customizable features and built-in functionalities. | 2 | ★ 1 | 7 | |
| #172 ▼ 5 | A lightweight Flutter package that creates fully responsive, dynamic grids. | 2 | ★ 0 | 3 | |
| #172 ▲ 6 | raidbuilder.app | A Flutter widget for responsive card-based tables with consistently measured cell widths. | 2 | ★ 0 | 2 |
| #172 ▲ 2 | Support multiscreen(different resolution and size of display) for mobile application. | 2 | ★ 6 | 5 | |
| #178 — | 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 | |
| #178 — | 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 |
| #178 — | A lightweight responsive utility for scaling widgets, text, and layout based on screen size and device type (mobile, tablet, desktop). | 2 | ★ 1 | 1 | |
| #178 — | 🇮🇩 ozip.co.id | helping you to simplify text in your project and categorizing between size, and now include auto resize with your screen width | 2 | — | 4 |
| #178 — | This package provides a set of tools and utilities for building adaptive widgets | 2 | — | 0 | |
| #178 ▼ 4 | Simple represent widget for representative screen. | 2 | ★ 0 | 3 | |
| #184 ▲ 2 | 🇦🇺 dexterx.dev | A package for implementing a responsive master-detail scaffold widget | 2 | ★ 20 | 21 |
| #184 ▼ 27 | A comprehensive Flutter toolkit with responsive sizing, adaptive widgets, networking, and storage utilities. | 2 | ★ 0 | 4 | |
| #184 — | A production-ready Flutter package for building fully responsive and adaptive layouts with customizable breakpoints, responsive values, and utility extensions. | 2 | ★ 0 | 0 | |
| #184 ▲ 11 | 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. | 2 | ★ 4 | 4 | |
| #188 ▼ 2 | toly1994.com | tolyui responsive layout. | 2 | ★ 494 | 4 |
| #188 ▲ 7 | A Flutter package for checking and building building widgets by form factor (desktop, tablet, mobile). | 2 | ★ 0 | 3 | |
| #188 ▲ 7 | A package for responsivity. | 2 | ★ 10 | 6 | |
| #191 ▲ 13 | packs.apexteam.net | A flutter dynamic responsive dashboard, easy to use and completely costumizable. | 2 | ★ 4 | 9 |
| #191 ▼ 34 | A Flutter package to build responsive layouts effortlessly on multiple screen sizes. | 2 | ★ 0 | 27 | |
| #191 ▲ 13 | amaanali.dev | A lightweight 12-column responsive grid system for Flutter with breakpoints, offsets, nested grids, sliver support, and width-aware builders. | 2 | ★ 0 | 3 |
| #191 ▼ 2 | 🇮🇶 adpui.blogspot.com | Implements AdaptiveUi for Android and IOS in Flutter. | 2 | ★ 1 | 6 |
| #195 ▼ 6 | The plug-in scales sizes based on the size of the UIDesign prototypes and the windows the components are being placed into. | 2 | ★ 5 | 8 | |
| #195 ▼ 3 | 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. | 2 | ★ 1 | 5 | |
| #195 ▼ 3 | A powerful Flutter UI toolkit with 1500+ chainable extension methods for beautiful, responsive UIs. Spacing, colors, typography, animations, and more. | 2 | ★ 0 | 5 | |
| #195 ▼ 3 | A Flutter package for responsive spacing using SizedBox with relative screen height and width. | 2 | ★ 0 | 7 | |
| #199 ▲ 2 | 🇮🇳 tusharsadhwani.dev | A responsive scaffold widget that adjusts to your device size, for your flutter mobile and web apps. | 2 | ★ 10 | 19 |
| #199 ▼ 4 | 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. | 2 | ★ 1 | 4 | |
| #199 ▼ 4 | A flutter plugin for adapting screen and font size.Rotation automatically updates the UI. | 2 | ★ 6 | 4 | |
| #199 ▼ 4 | 🇪🇬 tomars.tech | A Flutter widget that chooses one complete row or column based on available space. | 2 | ★ 1 | 3 |
| #203 ▼ 2 | A drop-in replacement for Scaffold with adaptive layouts (mobile, tablet, desktop). | 1 | ★ 0 | 3 | |
| #204 ▲ 11 | techks.org | A Flutter package project for both Android and iOS which provides responsive Layout, Widget, and Text. | 1 | ★ 1 | 6 |
| #204 — | Responsive kit is a flutter library which simplifies/assists in creating responsive UI in Flutter. | 1 | ★ 1 | 5 | |
| #206 ▲ 9 | 🇫🇷 florian-lefebvre.dev | This package provides breakpoints to help achieve responsive designs. | 1 | ★ 4 | 7 |
| #206 — | glenfordwilliams.com | Adaptive layout primitives and container-aware responsive builders for Flutter. | 1 | ★ 4 | 4 |
| #206 ▲ 19 | Accurate, orientation-aware scaling for Flutter that keeps your UI pixel-perfect across devices. | 1 | ★ 4 | 4 | |
| #206 — | 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 | |
| #206 ▲ 19 | 🇳🇿 jhonacode.com | Responsive grid that automatically adjusts its items based on available width. | 1 | ★ 3 | 3 |
| #206 — | A collection of Flutter widgets that adapt their appearance based on the platform and provide consistent button functionalities across different platforms. | 1 | ★ 2 | 8 | |
| #206 — | A lightweight and flexible Flutter package for building fully responsive UIs — mobile, tablet, and desktop — with ease. | 1 | ★ 0 | 3 | |
| #206 — | A package for making screen design responsive | 1 | ★ 0 | 5 | |
| #206 ▼ 17 | 🇰🇷 devstory.co.kr | Flutter design system & responsive tutorial package. | 1 | ★ 4 | 11 |
| #215 ▼ 80 | A library that helps implement adaptive UI (based on OS , Screen size , ...) . | 1 | ★ 30 | 156 | |
| #215 ▲ 12 | A powerful and intuitive Flutter package for creating responsive and adaptive UIs. Build component-level responsive layouts with ease. | 1 | ★ 7 | 7 | |
| #215 ▼ 2 | rexthedev.blogspot.com | Utilities that make it easy and fast to build adaptive apps for mobile, web, and beyond with Flutter. | 1 | — | 61 |
| #215 ▲ 16 | 🇮🇹 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 |
| #215 ▼ 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 | |
| #215 — | DynamicRowGrid is a Flutter package for customizable, responsive grid layouts, ideal for flexible designs. | 1 | ★ 1 | 4 | |
| #221 ▲ 10 | 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 | |
| #221 ▲ 2 | A lightweight app-level responsive window utility for Flutter, with Material Design 3-inspired width breakpoints. | 1 | ★ 0 | 5 | |
| #221 ▼ 6 | 🇵🇰 greelogix.com | Automatically scale fonts, sizes, padding, icons, and UI elements across all devices, orientations, and platforms with real-time responsiveness.
| 1 | ★ 0 | 4 |
| #221 ▼ 14 | A flutter package that simplifies the process of adding adaptive navigation to your apps. | 1 | ★ 0 | 7 | |
| #221 ▲ 6 | 🇮🇳 malayp.tech | A flutter package for making responsive application from your UI design easier and faster. | 1 | ★ 3 | 12 |
| #221 ▼ 6 | A Flutter package providing a responsive grid system and utilities similar to Bootstrap for building adaptive UIs. | 1 | ★ 0 | 4 | |
| #221 ▼ 6 | 🇧🇷 gabul.dev | Aplicação de responsividade do bootstrap para facilitar a criação de multiplos tamanhos de telas em seus projetos | 1 | ★ 7 | 31 |
| #221 ▼ 6 | A low-cost Flutter screen adaptation solution | 1 | ★ 94 | 11 | |
| #221 ▲ 6 | 🇮🇳 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 |
| #221 ▼ 6 | 🇨🇳 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 |
| #231 ▲ 6 | 🇧🇩 shajedul.com | A Flutter package to develop responsive Flutter applications. | 1 | ★ 1 | 10 |
| #231 ▼ 8 | A Flutter package for responsive screen height and width | 1 | ★ 3 | 7 | |
| #233 ▲ 4 | moduluz.io | Easy to use responsive framework for flutter | 1 | ★ 2 | 10 |
| #234 ▼ 7 | Responsive Sheet for Flutter apps that adapts seamlessly to Desktop, Tablet, and Mobile, providing a flexible and customizable modal experience. | 1 | ★ 1 | 5 | |
| #235 ▼ 4 | Adaptive and responive UIs based on device, platform or screen size | 1 | ★ 1 | 1 | |
| #235 ▼ 4 | A responsive grid layout for Flutter. With ResponsiveGrid and ResponsiveGridItem you can get the same behavior of Boostrap Grid System | 1 | ★ 4 | 3 | |
| #235 ▼ 4 | Flexa is a robust utility for handling responsive UI scaling in Flutter applications | 1 | ★ 3 | 3 | |
| #235 ▼ 4 | 🇮🇳 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 |
| #239 ▼ 2 | 🇮🇳 kumpali.com | A powerful adaptive screen detection and layout system for Flutter (mobile, tablet, desktop, foldables, TV) | 1 | ★ 1 | 2 |
| #239 ▼ 2 | Responsive tools for flutter. | 1 | ★ 0 | 0 | |
| #241 — | 🇺🇸 celestialsys.com | Quickly Build responsive flutter application with FlutterResponsiveFlexGrid. Create Responsive Grid for multiple screen sizes in Flutter. | 1 | ★ 10 | 6 |
| #242 — | A modern, developer-friendly Flutter package for effortless responsive UIs that match your Figma designs perfectly. | 1 | ★ 4 | 3 | |
| #242 — | DeviceSimulator allows you to easily test your Flutter app for different screen resolutions and platforms. | 1 | ★ 131 | 177 | |
| #242 ▲ 2 | 🇩🇪 thiele.dev | Make your app responsive & adaptive with dynamic spacing, margins, paddings, gutters, body-size & columns. | 1 | ★ 10 | 27 |
| #245 — | A responsive class to handle UI elements across different screen sizes. | 1 | ★ 1 | 6 | |
| #246 — | 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 | |
| #246 — | A responsive app lays out its UI according to the size and shape of the screen or window. | 1 | ★ 2 | 6 | |
| #246 — | techfoon.com | A responsive utility for Flutter to simplify scaling text, padding, and layout. | 1 | ★ 4 | 5 |
| #249 — | 🇵🇰 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 |
| #250 — | Flutter plugin to help building responsive UI's easy. | 1 | ★ 7 | 3 | |
| #250 — | A flutter plugin for Easily make Flutter apps responsive. Automatically adapt UI to different screen sizes. Responsiveness made simple. | 1 | ★ 0 | 13 | |
| #252 — | 🇱🇰 infoowly.com | Flutter extensionized responsiveness | 1 | ★ 0 | 0 |
| #252 — | 🇳🇱 basdevaan.nl | A framework for building Fluid Responsive UIs in Flutter. | 1 | ★ 2 | 2 |
| #252 ▲ 2 | 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 | |
| #255 — | 🇫🇷 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 |
| #255 — | This Package Use For Build Responsive Layout. | 1 | ★ 1 | 1 | |
| #255 — | 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 | |
| #258 — | 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 | |
| #258 — | 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 |
| #258 — | Flutter widget for responsive text showing , it will automatically adapt with your screen size and it also fully customizable | 1 | ★ 0 | 2 | |
| #261 — | A new way to design by porcentage the size of objects | 1 | ★ 7 | 10 | |
| #262 — | 🇺🇸 clearbluedesign.com | A Flutter widget that allows drag resizing of its child's bounds to easily test responsive design. | 1 | ★ 48 | 50 |
| #262 — | 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 |
| #262 — | kazcore.com | With UI Tool you can easily make your app responsive for different screen sizes. | 1 | ★ 2 | 8 |
| #265 — | 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 | |
| #266 — | Flutter plugin helps to maintain a clean looking widgets size in all available displays in which the app will be. | 1 | ★ 3 | 26 | |
| #267 — | Responsive pachage that control size and font as you want to make responsive. | 1 | ★ 1 | 4 | |
| #267 — | 🇰🇭 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 |
| #269 — | 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 | |
| #269 — | This package helps to manage app layout displaying responsiveness across devices | 1 | ★ 2 | 10 | |
| #269 — | 🇮🇳 vexellab.com | This flutter package provides a set of utilities to aid in building responsive Flutter applications. | 1 | ★ 4 | 16 |
| #269 — | screen adapter | 1 | ★ 0 | 1 | |
| #269 — | Responsive design utilities for card-based mobile games. Device-aware scaling from iPhone SE to Pro Max with standardized card dimensions. | 1 | ★ 0 | 0 | |
| #274 — | 🇰🇭 mylekha.app | This package allow you to build the widget based on width (screen) size or platform | 1 | ★ 5 | 12 |
| #274 — | 🇧🇷 artizansoftwares.com | A Flutter package for creating responsive applications that automatically adapt to different screen sizes, maintaining consistent proportions across devices. | 1 | — | 9 |
| #276 — | 🇷🇺 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 | ★ 65 | 9 |
| #276 — | 🇮🇳 dartcoder.in | Responsive & adaptive Flutter layout utilities: Material 3 breakpoints, spacing tokens, adaptive scaffold, and foldable-aware helpers. | 1 | ★ 1 | 7 |
| #278 — | 🇦🇪 akdebuging.com | A flutter package to help you scale your design on all screens sizes to achieve the same design look. | 1 | ★ 5 | 14 |
| #279 ▼ 2 | A flutter package to help you develop for the web more intuitively and efficiently when it comes to responsive webapps. | 0 | ★ 4 | 7 | |
| #280 — | A Flutter package that helps you create beautifully adaptive designs for all screens with a wealth of features. | 0 | ★ 17 | 51 | |
| #281 — | 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 |
