Flutter Gems is a curated list of 6700+ useful Dart & Flutter packages that are categorized based on functionality.
Top Flutter Grid packages
Last updated: January 26, 2025
A Grid is a user interface that is organized into a grid. This type of UI is often used for applications that require a lot of data to be displayed in a clean, responsive and organized way.
The complete list of Flutter packages that can be used to add Grid, Staggered Grid, GridView, Drag and Drop Grids to your Flutter app is provided below.
![flutter_staggered_grid_view Card Image](/media-cards/flutter_staggered_grid_view.png)
flutter_staggered_grid_view
👍 4.47K ⬇️ 620.9K
Dart 3 compatibleMaintenance Status: Average
Provides a collection of Flutter grids layouts (staggered, masonry, quilted, woven, etc.).
![flutter_layout_grid Card Image](/media-cards/flutter_layout_grid.png)
flutter_layout_grid
👍 793 ⬇️ 117.6K
Dart 3 compatibleMaintenance Status: Good
A powerful grid layout system for Flutter, optimized for complex user interface design.
![boxy Card Image](/media-cards/boxy.gif)
boxy
👍 663 ⬇️ 26K
Dart 3 compatibleMaintenance Status: Good
Overcome limitations of built-in layouts, advanced flex, custom multi-child layouts, slivers, and more!
![multi_split_view Card Image](/media-cards/multi_split_view.png)
multi_split_view
👍 293 ⬇️ 12K
Dart 3 compatibleMaintenance Status: Good
Provides horizontal or vertical multiple split view for Flutter.
![flutter_reorderable_grid_view Card Image](/media-cards/flutter_reorderable_grid_view.gif)
flutter_reorderable_grid_view
👍 194 ⬇️ 16.3K
Dart 3 compatibleMaintenance Status: Good
Enables animated GridViews when updating children or when trying to reorder them by using drag and drop.
![dashboard Card Image](/media-cards/dashboard.png)
dashboard
👍 207 ⬇️ 1.5K
Dart 3 compatibleMaintenance Status: Average
Dynamic dashboard widget that allows your users to create their own layouts. Resize, move, indirect resize/move, auto re-layout are supported.
![waterfall_flow Card Image](/media-cards/waterfall_flow.png)
waterfall_flow
👍 182 ⬇️ 9.1K
Dart 3 compatibleMaintenance Status: Good
A Flutter grid view that build waterfall flow layout quickly.
![reorderable_grid_view Card Image](/media-cards/reorderable_grid_view.gif)
reorderable_grid_view
👍 158 ⬇️ 20.7K
Dart 3 compatibleMaintenance Status: Average
Reorderable Grid View
![drag_select_grid_view Card Image](/media-cards/drag_select_grid_view.gif)
drag_select_grid_view
👍 166 ⬇️ 1K
Dart 3 compatibleMaintenance Status: Average
Grid that supports both dragging and tapping to select its items.
![responsive_grid_list Card Image](/media-cards/responsive_grid_list.png)
responsive_grid_list
👍 133 ⬇️ 11K
Dart 3 compatibleMaintenance Status: Average
A Flutter plugin to create responsive grid lists using ListView.builder() or SliverList with a SliverChildBuilderDelegate.
![reorderable_grid Card Image](/media-cards/reorderable_grid.gif)
reorderable_grid
👍 121 ⬇️ 5.8K
Dart 3 compatibleMaintenance Status: Average
A full reorderable grid implementations similar to flutter's native reorderable list.
![animated_reorderable_list Card Image](/media-cards/animated_reorderable_list.png)
animated_reorderable_list
👍 123 ⬇️ 2.6K
Dart 3 compatibleMaintenance Status: Good
A Flutter Reorderable Animated List with simple implementation and smooth transition.
![dynamic_height_grid_view Card Image](/media-cards/dynamic_height_grid_view.png)
dynamic_height_grid_view
👍 104 ⬇️ 9.9K
Dart 3 compatibleMaintenance Status: Average
GridView with dynamic height. No need to specify aspectRatio to the grid.
![flutter_draggable_gridview Card Image](/media-cards/flutter_draggable_gridview.png)
flutter_draggable_gridview
👍 111 ⬇️ 2.4K
Dart 3 compatibleMaintenance Status: Good
This package helps you to add drag & drop functionality to existing Gridview.builder.
nine_grid_view
👍 86 ⬇️ 482
Dart 3 compatibleMaintenance Status: Poor
Flutter NineGridView & DragSortView, Similar to Weibo / WeChat nine grid view controls to display pictures.
shaky_animated_listview
👍 73 ⬇️ 211
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.
![simple_grid Card Image](/media-cards/simple_grid.gif)
simple_grid
👍 70 ⬇️ 1K
Dart 3 compatibleMaintenance Status: Good
A dynamic grid inspired by boostrap, you can use it to describe your grid layout. This package purely using mediaquery, don't worry about the render.
spannable_grid
👍 63 ⬇️ 1.9K
Dart 3 compatibleMaintenance Status: Poor
Custom grid widget that allows it's cells to span columns and rows and supports editing.
masonry_grid
👍 42 ⬇️ 1.8K
Dart 3 compatibleMaintenance Status: Poor
Flutter Masonry Grid layout to create masonry, staggered items layout.
flutter_masonry_view
👍 43 ⬇️ 366
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.
auto_height_grid_view
👍 34 ⬇️ 4.6K
Dart 3 compatibleMaintenance Status: Average
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 ⬇️ 38
Dart 3 compatibleMaintenance Status: Average
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 ⬇️ 1.7K
Dart 3 compatibleMaintenance Status: Poor
Create a staggered grid.
item_selector
👍 34 ⬇️ 40
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.
![reorderable_staggered_scroll_view Card Image](/media-cards/reorderable_staggered_scroll_view.png)
reorderable_staggered_scroll_view
👍 32 ⬇️ 153
Dart 3 compatibleMaintenance Status: Good
A Flutter package for creating reorderable staggered grid views.
intrinsic_grid_view
👍 29 ⬇️ 413
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
![figma_layout_grid Card Image](/media-cards/figma_layout_grid.png)
figma_layout_grid
👍 29 ⬇️ 190
Dart 3 compatibleMaintenance Status: Average
Visual aid grid system that supports Figma's layout grid features
![ad_gridview Card Image](/media-cards/ad_gridview.png)
ad_gridview
👍 24 ⬇️ 88
Dart 3 compatibleMaintenance Status: Good
A flutter widget to easily show Native Ad or any other Widget in Between a GridView.
snap
👍 20 ⬇️ 49
Dart 3 compatibleMaintenance Status: Poor
An extensive snap tool/widget for Flutter that allows very flexible snap management and snapping between your widgets.
dancing_tiles
👍 3 ⬇️ 23
Dart 3 compatibleMaintenance Status: Poor
A simple and lightweight Flutter package to create a grid view with animatable tiles
boardview
👍 138 ⬇️ 422
Maintenance Status: Poor
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.
flutter_wall_layout
👍 128 ⬇️ 1.1K
Maintenance Status: Poor
A Layout widget displaying a set of bricks (widgets with different shapes) as a vertical or horizontal list, like a wall...
drag_and_drop_gridview
👍 101 ⬇️ 43
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
👍 54 ⬇️ 204
Maintenance Status: Poor
A Flutter package for staggered grid view or ListView with ordering support
dragablegridview_flutter
👍 21 ⬇️ 31
Maintenance Status: Poor
A dragable gridview,Long-pressed triggers draggable state,GridView reordering after release your finger
smart_grid_view
👍 16 ⬇️ 21
Maintenance Status: Poor
A responsive grid view that changes it's cross axis child count based on the available horizontal size.