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

Discord Medium LinkedIn Twitter

Top Flutter Layout and Overlay packages

Last updated: December 4, 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.


multi_split_view Card Image
multi_split_view
Dart 3 compatible 👍 276
Maintenance Status: Good

Provides horizontal or vertical multiple split view for Flutter.

align_positioned Card Image
align_positioned
Dart 3 compatible 👍 259
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.

flutter_box_transform Card Image
flutter_box_transform
Dart 3 compatible 👍 92
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 👍 65
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.

flutter_overlay_manager
Dart 3 compatible 👍 58
Maintenance Status: Good

A Flutter package for managing overlays. It separates your main UI and the overlays. It also solves some problems encountered when using Navigator.

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

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

equal_space
Dart 3 compatible 👍 9
Maintenance Status: Good

A Flutter package for creating evenly spaced rows and columns.

flutter_portal Card Image
flutter_portal
Dart 3 compatible 👍 683
Maintenance Status: Average

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

dashboard Card Image
dashboard
Dart 3 compatible 👍 205
Maintenance Status: Average

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 👍 131
Maintenance Status: Average

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

draggable_float_widget Card Image
draggable_float_widget
Dart 3 compatible 👍 80
Maintenance Status: Average

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

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

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

flutter_constraintlayout
Dart 3 compatible 👍 76
Maintenance Status: Average

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

flutter_overlay_apps
Dart 3 compatible 👍 71
Maintenance Status: Average

Android plugin for displaying flutter widgets over other apps

figma_layout_grid Card Image
figma_layout_grid
Dart 3 compatible 👍 28
Maintenance Status: Average

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

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

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

axis_layout
Dart 3 compatible 👍 3
Maintenance Status: Average

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

resizable_widget
Dart 3 compatible 👍 164
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 👍 120
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 👍 88
Maintenance Status: Poor

Flutter customizable reproduction of the Apple Watch UI animation

flutter_sticky_widgets
Dart 3 compatible 👍 87
Maintenance Status: Poor

Implement Flutter widgets which behave like position sticky in CSS.

indexed
Dart 3 compatible 👍 70
Maintenance Status: Poor

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

book_my_seat
Dart 3 compatible 👍 67
Maintenance Status: Poor

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

split_view
Dart 3 compatible 👍 65
Maintenance Status: Poor

This wedget provides horizontal or vertical split view for flutter.

extra_alignments
Dart 3 compatible 👍 54
Maintenance Status: Poor

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

circular_widgets
Dart 3 compatible 👍 50
Maintenance Status: Poor

Display widgets in a circle.

modals
Dart 3 compatible 👍 46
Maintenance Status: Poor

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

floating_overlay
Dart 3 compatible 👍 45
Maintenance Status: Poor

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

overlayment
Dart 3 compatible 👍 44
Maintenance Status: Poor

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

float_bubble
Dart 3 compatible 👍 41
Maintenance Status: Poor

Float Bubble Button

auto_size_widget
Dart 3 compatible 👍 37
Maintenance Status: Poor

A Flutter widget that can resize the child widget by dragging the widget corner.

flutter_split_view
Dart 3 compatible 👍 30
Maintenance Status: Poor

Flutter widget that automatically splits the screen into two views based on available space. This is based on Navigator 2.0.

flutter_scatter
Dart 3 compatible 👍 29
Maintenance Status: Poor

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

page_grid
Dart 3 compatible 👍 26
Maintenance Status: Poor

Easy and flexible grid system for Flutter

draggable_container
Dart 3 compatible 👍 26
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

faded
👍 44
Maintenance Status: Good

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.

flutter_floating
👍 32
Maintenance Status: Average

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

panels
👍 31
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_cursor
👍 21
Maintenance Status: Poor

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