Flutter Gems is a curated list of 5600+ useful Dart & Flutter packages that are categorized based on functionality.

Discord Medium LinkedIn Twitter

Top Flutter Layout and Overlay packages

Last updated: March 25, 2024

The complete list of Flutter packages that can help you create custom widget layouts (like circular), customized stacks and overlay widgets in your Flutter app is provided below.


flutter_portal Card Image
flutter_portal
Dart 3 compatible 👍 628
Maintenance Status: Good

Evolved Overlay/OverlayEntry - declarative not imperative, intuitive-context, and easy-alignment

align_positioned Card Image
align_positioned
Dart 3 compatible 👍 250
Maintenance Status: Good

Greatly simplifies layouts which are difficult to implement with Columns and Rows, by letting you declaratively position and resize widgets in relation to one another.

dashboard Card Image
dashboard
Dart 3 compatible 👍 170
Maintenance Status: Good

Dynamic dashboard widget that allows your users to create their own layouts. Resize, move, indirect resize/move, auto re-layout are supported.

dash_bubble Card Image
dash_bubble
Dart 3 compatible 👍 102
Maintenance Status: Good

Dash Bubble is a flutter plugin that allows you to create a floating bubble on the screen.

flutter_constraintlayout
Dart 3 compatible 👍 69
Maintenance Status: Good

A super powerful Stack, build flexible layouts with constraints. Similar to ConstraintLayout for Android and AutoLayout for iOS.

draggable_float_widget Card Image
draggable_float_widget
Dart 3 compatible 👍 67
Maintenance Status: Good

This is a draggable and floating Flutter widget, which can control its visibility through the scrolling event of ScrollView.

flutter_overlay_apps
Dart 3 compatible 👍 59
Maintenance Status: Good

Android plugin for displaying flutter widgets over other apps

flutter_box_transform Card Image
flutter_box_transform
Dart 3 compatible 👍 59
Maintenance Status: Good

A Flutter implementation of box_transform package that provides easy 2D box transform operations with advanced resizing of rect in UI.

float_column Card Image
float_column
Dart 3 compatible 👍 54
Maintenance Status: Good

Flutter FloatColumn widget for building a vertical column of widgets and text where the text wraps around floated widgets, similar to how CSS float works.

docking Card Image
docking
Dart 3 compatible 👍 48
Maintenance Status: Good

Flutter layout for placing widgets in docking areas and arrange them into split and tabbed views.

figma_layout_grid Card Image
figma_layout_grid
Dart 3 compatible 👍 25
Maintenance Status: Good

Visual aid grid system that supports Figma's layout grid features

axis_layout
Dart 3 compatible 👍 2
Maintenance Status: Good

Horizontal (row) and vertical (column) layout with expand and shrink features.

multi_split_view Card Image
multi_split_view
Dart 3 compatible 👍 231
Maintenance Status: Average

Provides horizontal or vertical multiple split view for Flutter.

flutter_sticky_widgets
Dart 3 compatible 👍 67
Maintenance Status: Average

Implement Flutter widgets which behave like position sticky in CSS.

pluto_layout Card Image
pluto_layout
Dart 3 compatible 👍 66
Maintenance Status: Average

PlutoLayout is a Flutter UI package that can configure a menu or tab screen on each side.

indexed Card Image
indexed
Dart 3 compatible 👍 65
Maintenance Status: Average

indexed widget, allow you to order the items inside stack, sothing like z-index

split_view
Dart 3 compatible 👍 62
Maintenance Status: Average

This wedget provides horizontal or vertical split view for flutter.

book_my_seat Card Image
book_my_seat
Dart 3 compatible 👍 54
Maintenance Status: Average

This is a flutter package to create seat booking layout for bus, theatre, aeroplane etc.

circular_widgets Card Image
circular_widgets
Dart 3 compatible 👍 47
Maintenance Status: Average

Display widgets in a circle.

modals Card Image
modals
Dart 3 compatible 👍 45
Maintenance Status: Average

Modals, a Flutter package to simplify all your overlay needs!

floating_overlay Card Image
floating_overlay
Dart 3 compatible 👍 38
Maintenance Status: Average

A widget wrapper that allows a floating widget be dragged and rescaled.

overlayment
Dart 3 compatible 👍 37
Maintenance Status: Average

Show a dialog, notification, window, or a panel easily. use helping widgets like AutoComplete, Expander(Dropdown).

page_grid
Dart 3 compatible 👍 26
Maintenance Status: Average

Easy and flexible grid system for Flutter

dancing_tiles Card Image
dancing_tiles
Dart 3 compatible 👍 2
Maintenance Status: Average

A simple and lightweight Flutter package to create a grid view with animatable tiles

resizable_widget
Dart 3 compatible 👍 156
Maintenance Status: Poor

Enables users to resize the internal widgets by dragging. This package contains simple APIs, but if needed, you can customize ResizableWidget flexibly.

render_metrics
Dart 3 compatible 👍 116
Maintenance Status: Poor

Library for getting widget metrics. Uses RenderObject to get the size and position of widgets relative to the screen window, as well as the difference between widgets.

bubble_lens
Dart 3 compatible 👍 81
Maintenance Status: Poor

Flutter customizable reproduction of the Apple Watch UI animation

extra_alignments
Dart 3 compatible 👍 51
Maintenance Status: Poor

Additional alignments to help make your layouts more readable (TopLeft, TopRight, etc)

faded
Dart 3 compatible 👍 40
Maintenance Status: Poor

Client did not pay? Add decreasing opacity to UI components until their app fades away. Set a due date, and no. of days you offer them until the app is fully vanished.

float_bubble
Dart 3 compatible 👍 39
Maintenance Status: Poor

Float Bubble Button

panels
Dart 3 compatible 👍 30
Maintenance Status: Poor

Panels is a flutter package that aims to provide a set of useful desktop UI panels that can move around, dock and tab like we expect in more robust desktop applications.

flutter_scatter
Dart 3 compatible 👍 29
Maintenance Status: Poor

A widget that displays a collection of dispersed and non-overlapping children

draggable_container
Dart 3 compatible 👍 25
Maintenance Status: Poor

A Very Smooth Draggable Widget Container. Each children is Draggable, Deletable and Fixable. Support SliverGridDelegate!

layered_image
Dart 3 compatible 👍 21
Maintenance Status: Poor

Layers of images

flutter_floating
👍 25
Maintenance Status: Good

Flutter's permission-free floating window supports global, single-page floating, edge adsorption, position saving, up and down sliding area control, and position repair after screen rotation and windowing, etc.

overlay_container
👍 50
Maintenance Status: Poor

A flutter widget which renders its child outside the original widget hierarchy.

golden_layout
👍 36
Maintenance Status: Poor

A multi-window layout library

flutter_cursor
👍 21
Maintenance Status: Poor

Custom cursor support for Flutter (for hovering on web) with widgets