Flutter Gems
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: February 25, 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.5K ⬇️ 602.5K
Dart 3 compatibleMaintenance Status: Average
A flutter package to let users easily add a dashed border around any widget.
flutter_custom_clippers
👍 763 ⬇️ 10K
Dart 3 compatibleMaintenance Status: Poor
Flutter package that provides you custom clippers to help you achieve various custom shapes.
dotted_line
👍 301 ⬇️ 143K
Dart 3 compatibleMaintenance Status: Good
This package allows you to draw dotted lines with Flutter. You can draw a beautiful dotted line.
gradient_borders
👍 248 ⬇️ 82.8K
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
👍 146 ⬇️ 146.7K
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
👍 249 ⬇️ 2.5K
Dart 3 compatibleMaintenance Status: Average
A UI kit that contains clippers and widgets which implements the shape of the coupon cards
simple_shadow
👍 154 ⬇️ 14.9K
Dart 3 compatibleMaintenance Status: Poor
A customizable shadow for any widget
ticket_widget
👍 134 ⬇️ 2.5K
Dart 3 compatibleMaintenance Status: Average
Ui package to make a beautiful ticket like animated widget
soft_edge_blur
👍 132 ⬇️ 3K
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
👍 99 ⬇️ 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 ⬇️ 3.3K
Dart 3 compatibleMaintenance Status: Average
Give a custom shape to any flutter widget, Material Design 2 ready
drop_shadow
👍 85 ⬇️ 1.2K
Dart 3 compatibleMaintenance Status: Poor
Add drop shadow effect for any widgets in flutter
glowy_borders
👍 65 ⬇️ 4.6K
Dart 3 compatibleMaintenance Status: Average
A package for making your borders glow up
mobkit_dashed_border
👍 51 ⬇️ 14.4K
Dart 3 compatibleMaintenance Status: Good
Custom border implementation for dashed lines and curves border.
colorful_safe_area
👍 57 ⬇️ 6.9K
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.
drop_shadow_image
👍 58 ⬇️ 511
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 ⬇️ 43
Dart 3 compatibleMaintenance Status: Poor
A new Flutter package for creating shadow of same color scheme as the image.
flutter_switch_clipper
👍 57 ⬇️ 42
Dart 3 compatibleMaintenance Status: Good
A Flutter package that two widgets switch with default clipper or customized clipper.
smooth_corner
👍 44 ⬇️ 9.3K
Dart 3 compatibleMaintenance Status: Good
A rectangular border with variable smoothness imitated from Figma.
cupertino_rounded_corners
👍 48 ⬇️ 211
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.
diagonal_decoration
👍 45 ⬇️ 2
Dart 3 compatibleMaintenance Status: Average
Custom box decoration with diagonals on the background. Contains DiagonalDecoration and MatrixDecoration.
shadow
👍 44 ⬇️ 339
Dart 3 compatibleMaintenance Status: Poor
the easiest way to Add Shadow to any type of widget with some basic customization.
dotted_dashed_line
👍 37 ⬇️ 5.7K
Dart 3 compatibleMaintenance Status: Poor
This package allows you to draw a horizontal or vertical dashed lines in any Flutter Platform.
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).
dashed_circle
👍 39 ⬇️ 899
Dart 3 compatibleMaintenance Status: Poor
A flutter package for drawing dashed circles. Can also be used with CustomPaint.
ticket_material
👍 32 ⬇️ 233
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 ⬇️ 27
Dart 3 compatibleMaintenance Status: Poor
Amazing animated colored circular widget , you can use it to your profile , loading screen or any widget you want.
control_style
👍 22 ⬇️ 2.5K
Dart 3 compatibleMaintenance 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.2K
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.
zo_animated_border
👍 23 ⬇️ 1K
Dart 3 compatibleMaintenance Status: Good
A package that provides a modern way to create gradient borders with animation in Flutter
flutter_titled_container
👍 22 ⬇️ 198
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.
dotted_line_flutter
👍 11 ⬇️ 90
Dart 3 compatibleMaintenance Status: Good
This package allows you to draw dotted lines with Flutter. You can draw a beautiful dotted line.
figma_squircle
👍 237 ⬇️ 14.9K
Maintenance Status: Poor
Flutter implementation of Figma's corner smoothing.
clippy_flutter
👍 143 ⬇️ 3.3K
Maintenance Status: Poor
Clip your widgets with custom shapes provided.
fdottedline
👍 72 ⬇️ 99
Maintenance Status: Poor
Help developers realize the dotted line in the simplest way.
polygon_clipper
👍 67 ⬇️ 44
Maintenance Status: Poor
A plugin to clip a Widget into a polygon shape. Works with any kind of Widget.
flutter_shine
👍 48 ⬇️ 40
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 ⬇️ 96
Maintenance Status: Poor
A shadow cast by a clipped box. Support all BoxShadow class properties!
dashed_container
👍 15 ⬇️ 70
Maintenance Status: Poor
A Dashed Container plugin for Flutter, easy to implement dashed line for your widgets.