Flutter Gems is a curated list of 6700+ useful Dart & Flutter packages that are categorized based on functionality.
Top Flutter Clipper and Decoration packages
Last updated: January 26, 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
👍 1.49K ⬇️ 486.1K
Dart 3 compatibleMaintenance Status: Average
A flutter package to let users easily add a dashed border around any widget.
flutter_custom_clippers
👍 761 ⬇️ 8.3K
Dart 3 compatibleMaintenance Status: Poor
Flutter package that provides you custom clippers to help you achieve various custom shapes.

dotted_line
👍 297 ⬇️ 124.9K
Dart 3 compatibleMaintenance Status: Good
This package allows you to draw dotted lines with Flutter. You can draw a beautiful dotted line.

gradient_borders
👍 244 ⬇️ 72.3K
Dart 3 compatibleMaintenance 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
👍 144 ⬇️ 127.1K
Dart 3 compatibleMaintenance Status: Poor
Dotted line decoration is handly package to draw dotted divider, dotted border for rectangle, circle or rounded rectangle.

coupon_uikit
👍 243 ⬇️ 1.9K
Dart 3 compatibleMaintenance Status: Average
A UI kit that contains clippers and widgets which implements the shape of the coupon cards

simple_shadow
👍 154 ⬇️ 12.2K
Dart 3 compatibleMaintenance Status: Average
A customizable shadow for any widget

ticket_widget
👍 131 ⬇️ 2.2K
Dart 3 compatibleMaintenance Status: Average
Ui package to make a beautiful ticket like animated widget

soft_edge_blur
👍 120 ⬇️ 1.5K
Dart 3 compatibleMaintenance Status: Good
A customizable Flutter widget that applies a soft progressive blur effect to one or more edges of its child widget.
custom_clippers
👍 98 ⬇️ 1.8K
Dart 3 compatibleMaintenance 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.

shape_of_view_null_safe
👍 84 ⬇️ 2.6K
Dart 3 compatibleMaintenance Status: Good
Give a custom shape to any flutter widget, Material Design 2 ready

drop_shadow
👍 85 ⬇️ 1.2K
Dart 3 compatibleMaintenance Status: Average
Add drop shadow effect for any widgets in flutter

glowy_borders
👍 60 ⬇️ 5K
Dart 3 compatibleMaintenance Status: Average
A package for making your borders glow up

colorful_safe_area
👍 57 ⬇️ 5.8K
Dart 3 compatibleMaintenance Status: Average
A more customizable replacement for the SafeArea widget. It lets you set the color of your SafeArea without affecting the color of its child.

mobkit_dashed_border
👍 47 ⬇️ 11.6K
Dart 3 compatibleMaintenance Status: Good
Custom border implementation for dashed lines and curves border.
drop_shadow_image
👍 58 ⬇️ 576
Dart 3 compatibleMaintenance 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 ⬇️ 32
Dart 3 compatibleMaintenance Status: Poor
A new Flutter package for creating shadow of same color scheme as the image.

flutter_switch_clipper
👍 56 ⬇️ 40
Dart 3 compatibleMaintenance Status: Good
A Flutter package that two widgets switch with default clipper or customized clipper.

smooth_corner
👍 43 ⬇️ 7.6K
Dart 3 compatibleMaintenance Status: Good
A rectangular border with variable smoothness imitated from Figma.
cupertino_rounded_corners
👍 47 ⬇️ 174
Dart 3 compatibleMaintenance 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.
shadow
👍 44 ⬇️ 207
Dart 3 compatibleMaintenance Status: Poor
the easiest way to Add Shadow to any type of widget with some basic customization.
shadow_overlay
👍 42 ⬇️ 110
Dart 3 compatibleMaintenance 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).

diagonal_decoration
👍 42 ⬇️ 1
Dart 3 compatibleMaintenance Status: Average
Custom box decoration with diagonals on the background. Contains DiagonalDecoration and MatrixDecoration.
dashed_circle
👍 38 ⬇️ 1.8K
Dart 3 compatibleMaintenance Status: Poor
A flutter package for drawing dashed circles. Can also be used with CustomPaint.
dotted_dashed_line
👍 33 ⬇️ 4.9K
Dart 3 compatibleMaintenance Status: Poor
This package allows you to draw a horizontal or vertical dashed lines in any Flutter Platform.
ticket_material
👍 32 ⬇️ 246
Dart 3 compatibleMaintenance Status: Poor
A ticket view widget. Support all platform. There is standard click behavior.
fdottedline_nullsafety
👍 26 ⬇️ 1.3K
Dart 3 compatibleMaintenance Status: Poor
Provides developers with the ability to create dashed lines.
super_circle
👍 25 ⬇️ 23
Dart 3 compatibleMaintenance Status: Poor
Amazing animated colored circular widget , you can use it to your profile , loading screen or any widget you want.
custom_rounded_rectangle_border
👍 23 ⬇️ 1.1K
Dart 3 compatibleMaintenance Status: Average
A simple package for drawing custom shape borders with full control on how you want the sides to be rendered.

control_style
👍 22 ⬇️ 1.1K
Dart 3 compatibleMaintenance Status: Average
Applies additional decoration to Flutter-based text fields, buttons and other controls. This allows for better interface customisation.
flutter_titled_container
👍 22 ⬇️ 193
Dart 3 compatibleMaintenance 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.
zo_animated_border
👍 16 ⬇️ 931
Dart 3 compatibleMaintenance Status: Good
A package that provides a modern way to create gradient borders with animation in Flutter

dotted_line_flutter
👍 11 ⬇️ 85
Dart 3 compatibleMaintenance Status: Average
This package allows you to draw dotted lines with Flutter. You can draw a beautiful dotted line.
figma_squircle
👍 233 ⬇️ 14.1K
Maintenance Status: Poor
Flutter implementation of Figma's corner smoothing.
clippy_flutter
👍 142 ⬇️ 2.8K
Maintenance Status: Poor
Clip your widgets with custom shapes provided.
fdottedline
👍 72 ⬇️ 57
Maintenance Status: Poor
Help developers realize the dotted line in the simplest way.
polygon_clipper
👍 67 ⬇️ 58
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 ⬇️ 67
Maintenance Status: Poor
A shadow cast by a clipped box. Support all BoxShadow class properties!
dashed_container
👍 15 ⬇️ 42
Maintenance Status: Poor
A Dashed Container plugin for Flutter, easy to implement dashed line for your widgets.