Flutter Gems
Flutter Gems is a curated list of 6700+ useful Dart & Flutter packages that are categorized based on functionality.
Top Flutter Shapes and Path packages
Last updated: January 26, 2025
Flutter's Canvas is an interface for recording graphical operations. It can be used to draw shapes, images, texts and nearly everything else on the screen with pixel precision. Vector image file formats like SVG that are small and efficient can also be converted into paths that can be drawn on this canvas.
The complete list Flutter packages that provide SVG to Path, Canvas Path, Custom Canvas Shapes and Blob utilities for your Flutter app is provided below.
path_parsing
👍 41 ⬇️ 2.5M
Dart 3 compatibleMaintenance Status: Good
A Dart library to help with SVG Path parsing and code generation. Used by Flutter SVG.
path_drawing
👍 203 ⬇️ 798.8K
Dart 3 compatibleMaintenance Status: Poor
A flutter library to help with (Canvas) Path creation and manipulation
blobs
👍 347 ⬇️ 1.7K
Dart 3 compatibleMaintenance Status: Poor
Create beautiful blobs - fixed/random blob generation, animations, svgs and more
morphable_shape
👍 175 ⬇️ 7K
Dart 3 compatibleMaintenance Status: Good
A Flutter package for creating various shapes that are responsive and can morph betweem each other.
animated_path
👍 103 ⬇️ 138
Dart 3 compatibleMaintenance Status: Poor
A Flutter package that is used to create trim path animation.
flutter_box_transform
👍 95 ⬇️ 2.8K
Dart 3 compatibleMaintenance Status: Good
A Flutter implementation of box_transform package that provides easy 2D box transform operations with advanced resizing of rect in UI.
widget_arrows
👍 93 ⬇️ 1.1K
Dart 3 compatibleMaintenance Status: Average
Simply draw customizable arrows between any widgets in your app.
svg_path_parser
👍 58 ⬇️ 16.6K
Dart 3 compatibleMaintenance Status: Average
A Flutter/Dart utility to parse an SVG path into a equivalent Path object from dart:ui library.
dashed_line
👍 75 ⬇️ 2
Dart 3 compatibleMaintenance Status: Average
Draw dashed lines with any shape and style you want. Just like that.
hexagon
👍 71 ⬇️ 2.7K
Dart 3 compatibleMaintenance Status: Average
Library about hexagon shape. You can create pointy or flat hexagons in any color you like.
proste_bezier_curve
👍 67 ⬇️ 900
Dart 3 compatibleMaintenance Status: Poor
Less code, less difficulty, drawing standard Bezier curve.Package can be used to clip the widget or draw the path by yourself.
flutter_dash
👍 43 ⬇️ 11.4K
Dart 3 compatibleMaintenance Status: Poor
A Flutter project for draw dashes
styled_divider
👍 9 ⬇️ 35.7K
Dart 3 compatibleMaintenance Status: Average
Divider widget with different line styles.
arrow_path
👍 47 ⬇️ 3.1K
Dart 3 compatibleMaintenance Status: Average
Draw arrows with Path objects easily. Paths can be composited to add arrows to any curve and draw all at once.
flutter_polygon
👍 48 ⬇️ 500
Dart 3 compatibleMaintenance Status: Poor
A plugin with tools for working with polygons in Flutter. Provides a clipper (PolygonClipper, ClipPolygon) and border (PolygonBorder)
flutter_shapes
👍 48 ⬇️ 182
Dart 3 compatibleMaintenance Status: Poor
Paint various shapes on canvas.
polygon
👍 42 ⬇️ 5K
Dart 3 compatibleMaintenance Status: Poor
A simple way to draw polygon shapes and to clip them.
wave_blob
👍 47 ⬇️ 581
Dart 3 compatibleMaintenance Status: Good
This package provide a blob wave animation that can be customized to your needs. You can playing audio using amplitude of voice.
superellipse_shape
👍 47 ⬇️ 319
Dart 3 compatibleMaintenance Status: Poor
A package for creating superellipse shapes in flutter. A superellipse is a shape constituting a transition between a rectangle and a circle.
draw_on_path
👍 42 ⬇️ 388
Dart 3 compatibleMaintenance Status: Poor
A Flutter package that is used to draw text or patterm along the given path.
text_to_path_maker
👍 39 ⬇️ 228
Dart 3 compatibleMaintenance Status: Average
A Flutter package that can convert any font's characters into paths and animate them.
svg_to_paint
👍 38 ⬇️ 92
Dart 3 compatibleMaintenance Status: Poor
svg_to_paint generates dart code from a svg file. Given an xml file you can draw its simply by typing a command.
dart_jts
👍 29 ⬇️ 4.5K
Dart 3 compatibleMaintenance Status: Average
An ongoing effort to port the Java Topology Suite to the dart programming language and make it available to its mobile, dektop and web environments.
dash_painter
👍 31 ⬇️ 294
Dart 3 compatibleMaintenance Status: Poor
a package for flutter canvas paint dash line path easily.
path_icon
👍 12 ⬇️ 5.4K
Dart 3 compatibleMaintenance Status: Poor
An icon widget based on a path.
ring_size_view
👍 7 ⬇️ 41
Dart 3 compatibleMaintenance Status: Average
Simplify loop analysis with this powerful measurement library.