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

Discord Medium LinkedIn Twitter

Top Flutter Clipper and Decoration packages

Last updated: March 23, 2025

You can add Shadows, Borders with custom styles & decorations (Dotted, Dashed) and Custom clipping in your Flutter app using the following Flutter packages.


dotted_border Card Image
dotted_border
👍 1.51K   ⬇️ 728.5K
Dart 3 compatible
Maintenance Status: Average

A flutter package to let users easily add a dashed border around any widget.

flutter_custom_clippers
👍 766   ⬇️ 10.8K
Dart 3 compatible
Maintenance Status: Poor

Flutter package that provides you custom clippers to help you achieve various custom shapes.

dotted_line Card Image
dotted_line
👍 302   ⬇️ 157.4K
Dart 3 compatible
Maintenance Status: Good

This package allows you to draw dotted lines with Flutter. You can draw a beautiful dotted line.

gradient_borders Card Image
gradient_borders
👍 251   ⬇️ 113.1K
Dart 3 compatible
Maintenance Status: Good

Gradient borders for inputs and containers. Borders package integrated with a basic flutter widgets as a container and input decorations. Easy in use, platform independent.

dotted_decoration
👍 148   ⬇️ 150K
Dart 3 compatible
Maintenance Status: Poor

Dotted line decoration is handly package to draw dotted divider, dotted border for rectangle, circle or rounded rectangle.

coupon_uikit Card Image
coupon_uikit
👍 254   ⬇️ 2.3K
Dart 3 compatible
Maintenance Status: Average

A UI kit that contains clippers and widgets which implements the shape of the coupon cards

figma_squircle Card Image
figma_squircle
👍 238   ⬇️ 12K
Dart 3 compatible
Maintenance Status: Good

Flutter implementation of Figma's corner smoothing.

simple_shadow
👍 155   ⬇️ 15.9K
Dart 3 compatible
Maintenance Status: Poor

A customizable shadow for any widget

soft_edge_blur Card Image
soft_edge_blur
👍 136   ⬇️ 2.6K
Dart 3 compatible
Maintenance Status: Good

A customizable Flutter widget that applies a soft progressive blur effect to one or more edges of its child widget.

ticket_widget Card Image
ticket_widget
👍 135   ⬇️ 2.3K
Dart 3 compatible
Maintenance Status: Average

Ui package to make a beautiful ticket like animated widget

custom_clippers
👍 99   ⬇️ 2.2K
Dart 3 compatible
Maintenance Status: Poor

custom_clippers is a package that contains multiple custom clippers and different types of message clippers which you can give to clipper property of ClipPath.

drop_shadow
👍 88   ⬇️ 2.2K
Dart 3 compatible
Maintenance Status: Poor

Add drop shadow effect for any widgets in flutter

shape_of_view_null_safe Card Image
shape_of_view_null_safe
👍 85   ⬇️ 2.9K
Dart 3 compatible
Maintenance Status: Average

Give a custom shape to any flutter widget, Material Design 2 ready

glowy_borders Card Image
glowy_borders
👍 67   ⬇️ 5.1K
Dart 3 compatible
Maintenance Status: Average

A package for making your borders glow up

mobkit_dashed_border Card Image
mobkit_dashed_border
👍 52   ⬇️ 15.1K
Dart 3 compatible
Maintenance Status: Good

Custom border implementation for dashed lines and curves border.

colorful_safe_area
👍 57   ⬇️ 7.9K
Dart 3 compatible
Maintenance Status: Poor

A more customizable replacement for the SafeArea widget. It lets you set the color of your SafeArea without affecting the color of its child.

drop_shadow_image
👍 58   ⬇️ 467
Dart 3 compatible
Maintenance Status: Poor

A new Flutter package for creating drop shadow of image with a lot of properties to make it look much good.

shadowed_image
👍 57   ⬇️ 56
Dart 3 compatible
Maintenance Status: Poor

A new Flutter package for creating shadow of same color scheme as the image.

flutter_switch_clipper Card Image
flutter_switch_clipper
👍 57   ⬇️ 48
Dart 3 compatible
Maintenance Status: Good

A Flutter package that two widgets switch with default clipper or customized clipper.

smooth_corner Card Image
smooth_corner
👍 47   ⬇️ 11.2K
Dart 3 compatible
Maintenance Status: Good

A rectangular border with variable smoothness imitated from Figma.

cupertino_rounded_corners
👍 48   ⬇️ 209
Dart 3 compatible
Maintenance Status: Poor

A widget and border to make cupertino rounded corners also refrered to as squircles using a bezier path and having the two points in the corners.

diagonal_decoration Card Image
diagonal_decoration
👍 46   ⬇️ 6
Dart 3 compatible
Maintenance Status: Average

Custom box decoration with diagonals on the background. Contains DiagonalDecoration and MatrixDecoration.

shadow
👍 44   ⬇️ 220
Dart 3 compatible
Maintenance Status: Poor

the easiest way to Add Shadow to any type of widget with some basic customization.

shadow_overlay
👍 42   ⬇️ 130
Dart 3 compatible
Maintenance Status: Poor

Package to beautify your images or widgets. It overlays background color which actually you provide, image or widget seems like transparent (in a gradient style).

dotted_dashed_line
👍 38   ⬇️ 4.7K
Dart 3 compatible
Maintenance Status: Poor

This package allows you to draw a horizontal or vertical dashed lines in any Flutter Platform.

dashed_circle
👍 40   ⬇️ 1.1K
Dart 3 compatible
Maintenance Status: Poor

A flutter package for drawing dashed circles. Can also be used with CustomPaint.

ticket_material
👍 32   ⬇️ 282
Dart 3 compatible
Maintenance Status: Poor

A ticket view widget. Support all platform. There is standard click behavior.

fdottedline_nullsafety
👍 27   ⬇️ 1.5K
Dart 3 compatible
Maintenance Status: Poor

Provides developers with the ability to create dashed lines.

zo_animated_border Card Image
zo_animated_border
👍 27   ⬇️ 667
Dart 3 compatible
Maintenance Status: Good

A package that provides a modern way to create gradient borders with animation in Flutter

super_circle
👍 25   ⬇️ 28
Dart 3 compatible
Maintenance Status: Poor

Amazing animated colored circular widget , you can use it to your profile , loading screen or any widget you want.

control_style Card Image
control_style
👍 22   ⬇️ 2.8K
Dart 3 compatible
Maintenance Status: Average

Applies additional decoration to Flutter-based text fields, buttons and other controls. This allows for better interface customisation.

custom_rounded_rectangle_border
👍 23   ⬇️ 1.6K
Dart 3 compatible
Maintenance Status: Average

A simple package for drawing custom shape borders with full control on how you want the sides to be rendered.

flutter_titled_container
👍 22   ⬇️ 224
Dart 3 compatible
Maintenance Status: Poor

This widget displayes a title on top of a Container. You can specify the title, alignment, titleColor, fontSize, background color for this to display.

dotted_line_flutter Card Image
dotted_line_flutter
👍 11   ⬇️ 705
Dart 3 compatible
Maintenance Status: Good

This package allows you to draw dotted lines with Flutter. You can draw a beautiful dotted line.

clippy_flutter
👍 143   ⬇️ 4.6K

Maintenance Status: Poor

Clip your widgets with custom shapes provided.

fdottedline
👍 72   ⬇️ 106

Maintenance Status: Poor

Help developers realize the dotted line in the simplest way.

polygon_clipper
👍 67   ⬇️ 59

Maintenance Status: Poor

A plugin to clip a Widget into a polygon shape. Works with any kind of Widget.

flutter_shine
👍 48   ⬇️ 36

Maintenance Status: Poor

Flutter Shine is a library for pretty shadows, dynamic light positions, extremely customizable shadows, no library dependencies, text or box shadows based on content.

clip_shadow
👍 23   ⬇️ 98

Maintenance Status: Poor

A shadow cast by a clipped box. Support all BoxShadow class properties!

dashed_container
👍 15   ⬇️ 69

Maintenance Status: Poor

A Dashed Container plugin for Flutter, easy to implement dashed line for your widgets.