Shapes & Path

Top Flutter Shapes and Path packages 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.

blobs

350

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

path_drawing

207

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

morphable_shape

177

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

animated_path

106

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

flutter_box_transform

102

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

widget_arrows

Simply draw customizable arrows between any widgets in your app.

dashed_line

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

hexagon

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

proste_bezier_curve

Less code, less difficulty, drawing standard Bezier curve.Package can be used to clip the widget or draw the path by yourself.

svg_path_parser

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

superellipse_shape

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

flutter_shapes

Paint various shapes on canvas.

flutter_polygon

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

arrow_path

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

flutter_dash

A Flutter project for draw dashes

path_parsing

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

draw_on_path

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

polygon

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

text_to_path_maker

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

svg_to_paint

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

a package for flutter canvas paint dash line path easily.

dart_jts

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.

styled_divider

Divider widget with different line styles.

ring_size_view

Simplify loop analysis with this powerful measurement library.