Flutter Gems is a curated list of 7250+ useful Dart & Flutter packages that are categorized based on functionality.
Top Flutter Grid packages
Last updated: May 18, 2026
Grids display data in a structured, multi-column layout. They are ideal for image galleries, product catalogs, and dashboard widgets.
Best Practices for Grids
- Responsive Columns: Never hardcode the
crossAxisCount(e.g., 2 columns). Use aSliverGridDelegateWithMaxCrossAxisExtentso the grid automatically adds more columns on wider screens (tablets/desktop) while maintaining a comfortable item width. - Masonry Layouts: If your grid items have varying heights (like Pinterest), a standard
GridViewwill leave ugly gaps. Use specialized Masonry packages that compactly arrange items based on available vertical space. - Lazy Rendering: Just like lists, always use
GridView.builderfor dynamic data to ensure items are only rendered when they scroll into view.
The complete list of GridViews, Masonry Layouts, and Staggered Grid packages for Flutter is provided below.
flutter_staggered_grid_view
👍 4.75K ⬇️ 1M
Dart 3 compatibleMaintenance Status: Poor
Provides a collection of Flutter grids layouts (staggered, masonry, quilted, woven, etc.).
flutter_layout_grid
👍 879 ⬇️ 118.1K
Dart 3 compatibleMaintenance Status: Average
A powerful grid layout system for Flutter, optimized for complex user interface design.
boxy
👍 748 ⬇️ 69.4K
Dart 3 compatibleMaintenance Status: Good
Overcome limitations of built-in layouts, advanced flex, custom multi-child layouts, slivers, and more!
multi_split_view
👍 352 ⬇️ 28.8K
Dart 3 compatibleMaintenance Status: Good
Provides horizontal or vertical multiple split view for Flutter.
flutter_reorderable_grid_view
👍 244 ⬇️ 25.7K
Dart 3 compatibleMaintenance Status: Good
Enables animated GridViews when updating children or when trying to reorder them by using drag and drop.
waterfall_flow
👍 229 ⬇️ 14.5K
Dart 3 compatibleMaintenance Status: Average
A Flutter grid view that build waterfall flow layout quickly.
dashboard
👍 229 ⬇️ 1.1K
Dart 3 compatibleMaintenance Status: Poor
Dynamic dashboard widget that allows your users to create their own layouts. Resize, move, indirect resize/move, auto re-layout are supported.
reorderable_grid_view
👍 164 ⬇️ 63K
Dart 3 compatibleMaintenance Status: Poor
Reorderable Grid View
animated_reorderable_list
👍 190 ⬇️ 29.4K
Dart 3 compatibleMaintenance Status: Average
A Flutter Reorderable Animated List with simple implementation and smooth transition.
drag_select_grid_view
👍 169 ⬇️ 883
Dart 3 compatibleMaintenance Status: Good
Grid that supports both dragging and tapping to select its items.
responsive_grid_list
👍 150 ⬇️ 9.7K
Dart 3 compatibleMaintenance Status: Good
A Flutter plugin to create responsive grid lists using ListView.builder() or SliverList with a SliverChildBuilderDelegate.
boardview
👍 145 ⬇️ 2.3K
Dart 3 compatibleMaintenance Status: Good
This is a custom Flutter widget that can create a draggable BoardView or also known as a kanban. The view can be reordered with drag and drop.
reorderable_grid
👍 135 ⬇️ 12.4K
Dart 3 compatibleMaintenance Status: Good
A full reorderable grid implementations similar to flutter's native reorderable list.
flutter_draggable_gridview
👍 136 ⬇️ 3.8K
Dart 3 compatibleMaintenance Status: Good
This package helps you to add drag & drop functionality to existing Gridview.builder.
flutter_wall_layout
👍 132 ⬇️ 1.3K
Dart 3 compatibleMaintenance Status: Average
A Layout widget displaying a set of bricks (widgets with different shapes) as a vertical or horizontal list, like a wall...
dynamic_height_grid_view
👍 112 ⬇️ 5.9K
Dart 3 compatibleMaintenance Status: Poor
GridView with dynamic height. No need to specify aspectRatio to the grid.
nine_grid_view
👍 87 ⬇️ 120
Dart 3 compatibleMaintenance Status: Poor
Flutter NineGridView & DragSortView, Similar to Weibo / WeChat nine grid view controls to display pictures.
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.
shaky_animated_listview
👍 73 ⬇️ 72
Dart 3 compatibleMaintenance Status: Poor
List animations to track your scroll changes on screen or your list first attachment to animated your list items with different transition rules.
spannable_grid
👍 67 ⬇️ 1.1K
Dart 3 compatibleMaintenance Status: Poor
Custom grid widget that allows it's cells to span columns and rows and supports editing.
flutter_masonry_view
👍 51 ⬇️ 191
Dart 3 compatibleMaintenance Status: Poor
A flutter masonry grid layout to display a list of any number of columns. Also, it can be customized with the item padding and border radius.
masonry_grid
👍 45 ⬇️ 2K
Dart 3 compatibleMaintenance Status: Poor
Flutter Masonry Grid layout to create masonry, staggered items layout.
reorderable_staggered_scroll_view
👍 36 ⬇️ 765
Dart 3 compatibleMaintenance Status: Poor
A Flutter package for creating reorderable staggered grid views.
auto_height_grid_view
👍 35 ⬇️ 1.4K
Dart 3 compatibleMaintenance Status: Poor
This package provides a customizable, responsive grid view widget for building dynamic layouts with variable height items. It automatically adjusts the height of each grid item based on its content.
design_grid
👍 36 ⬇️ 63
Dart 3 compatibleMaintenance Status: Poor
Implement designs just like your designer intended. Use either the classic responsive design grid approach or go with the Material Design Layout.
staggered_grid_view_flutter
👍 33 ⬇️ 2.2K
Dart 3 compatibleMaintenance Status: Poor
A new Flutter project.
item_selector
👍 34 ⬇️ 27
Dart 3 compatibleMaintenance Status: Poor
A generic item selector that works with ListView, GridView, Row, Column, or basically any parent widget that can have indexed child widgets.
figma_layout_grid
👍 32 ⬇️ 91
Dart 3 compatibleMaintenance Status: Poor
Visual aid grid system that supports Figma's layout grid features
ad_gridview
👍 31 ⬇️ 70
Dart 3 compatibleMaintenance Status: Poor
A flutter widget to easily show Native Ad or any other Widget in Between a GridView.
intrinsic_grid_view
👍 29 ⬇️ 378
Dart 3 compatibleMaintenance Status: Poor
IntrinsicGridView is a custom GridView, It provides 2D array of children with Intrinsic width and height. Having two named Constructors. horizontal and vertical
dynamic_height_list_view
👍 28 ⬇️ 259
Dart 3 compatibleMaintenance Status: Average
A Flutter package enabling dynamic height ListView and GridView layouts, perfect for responsive and adaptive interfaces with content of varying sizes.
flutter_super_grid
👍 27 ⬇️ 103
Dart 3 compatibleMaintenance Status: Average
Flutter package with grid views: SimpleGridView for basic grids, FlatGridView for advanced options, and SectionGridView for sectioned grids and addtional styling.
snap
👍 21 ⬇️ 41
Dart 3 compatibleMaintenance Status: Poor
An extensive snap tool/widget for Flutter that allows very flexible snap management and snapping between your widgets.
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.
dancing_tiles
👍 3 ⬇️ 22
Dart 3 compatibleMaintenance Status: Poor
A simple and lightweight Flutter package to create a grid view with animatable tiles
drag_and_drop_gridview
👍 99 ⬇️ 81
Maintenance Status: Poor
Drag And Drop GridView extends the functionality of the GridView widget in Flutter and gives you the freedom of creating a reorder the GridViewItems simple by Drag And Drop.
reorderableitemsview
👍 55 ⬇️ 285
Maintenance Status: Poor
A Flutter package for staggered grid view or ListView with ordering support
dragablegridview_flutter
👍 21 ⬇️ 73
Maintenance Status: Poor
A dragable gridview,Long-pressed triggers draggable state,GridView reordering after release your finger
smart_grid_view
👍 16 ⬇️ 8
Maintenance Status: Poor
A responsive grid view that changes it's cross axis child count based on the available horizontal size.
