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

Discord Medium LinkedIn Twitter

Top Flutter Shapes and Path packages

Last updated: December 4, 2024

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.


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.

path_parsing
Dart 3 compatible 👍 39
Maintenance Status: Good

A Dart library to help with SVG Path parsing and code generation. Used by Flutter SVG.

morphable_shape Card Image
morphable_shape
Dart 3 compatible 👍 169
Maintenance Status: Average

A Flutter package for creating various shapes that are responsive and can morph betweem each other.

widget_arrows Card Image
widget_arrows
Dart 3 compatible 👍 89
Maintenance Status: Average

Simply draw customizable arrows between any widgets in your app.

dashed_line Card Image
dashed_line
Dart 3 compatible 👍 74
Maintenance Status: Average

Draw dashed lines with any shape and style you want. Just like that.

hexagon Card Image
hexagon
Dart 3 compatible 👍 67
Maintenance Status: Average

Library about hexagon shape. You can create pointy or flat hexagons in any color you like.

svg_path_parser
Dart 3 compatible 👍 57
Maintenance Status: Average

A Flutter/Dart utility to parse an SVG path into a equivalent Path object from dart:ui library.

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

Draw arrows with Path objects easily. Paths can be composited to add arrows to any curve and draw all at once.

text_to_path_maker Card Image
text_to_path_maker
Dart 3 compatible 👍 37
Maintenance Status: Average

A Flutter package that can convert any font's characters into paths and animate them.

dart_jts
Dart 3 compatible 👍 29
Maintenance 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.

ring_size_view Card Image
ring_size_view
Dart 3 compatible 👍 6
Maintenance Status: Average

Simplify loop analysis with this powerful measurement library.

blobs
Dart 3 compatible 👍 346
Maintenance Status: Poor

Create beautiful blobs - fixed/random blob generation, animations, svgs and more

path_drawing
Dart 3 compatible 👍 201
Maintenance Status: Poor

A flutter library to help with (Canvas) Path creation and manipulation

animated_path
Dart 3 compatible 👍 99
Maintenance Status: Poor

A Flutter package that is used to create trim path animation.

proste_bezier_curve
Dart 3 compatible 👍 65
Maintenance 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_polygon
Dart 3 compatible 👍 47
Maintenance Status: Poor

A plugin with tools for working with polygons in Flutter. Provides a clipper (PolygonClipper, ClipPolygon) and border (PolygonBorder)

flutter_shapes
Dart 3 compatible 👍 46
Maintenance Status: Poor

Paint various shapes on canvas.

superellipse_shape
Dart 3 compatible 👍 45
Maintenance Status: Poor

A package for creating superellipse shapes in flutter. A superellipse is a shape constituting a transition between a rectangle and a circle.

flutter_dash
Dart 3 compatible 👍 43
Maintenance Status: Poor

A Flutter project for draw dashes

draw_on_path
Dart 3 compatible 👍 41
Maintenance Status: Poor

A Flutter package that is used to draw text or patterm along the given path.

polygon
Dart 3 compatible 👍 40
Maintenance Status: Poor

A simple way to draw polygon shapes and to clip them.

svg_to_paint
Dart 3 compatible 👍 38
Maintenance 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.

dash_painter
Dart 3 compatible 👍 31
Maintenance Status: Poor

a package for flutter canvas paint dash line path easily.

path_icon
Dart 3 compatible 👍 12
Maintenance Status: Poor

An icon widget based on a path.