Flutter Gems
Flutter Gems is a curated list of 7250+ useful Dart & Flutter packages that are categorized based on functionality.
Top Flutter Clipper and Decoration packages
Last updated: May 18, 2026
Clippers and Decorations are used to mask widgets into specific shapes (like circles or rounded rectangles) and apply styling borders, shadows, and background images.
Best Practices for Clippers
- Avoid Anti-Aliasing Costs:
Clip.antiAliasprovides smooth edges but is computationally expensive. If the clipped widget is rectangular or strictly aligned to pixel grids, useClip.hardEdgeto improve render speeds. - Decoration Hierarchy: Never place a
colorproperty directly on aContainerif it also has adecorationproperty. The color must be moved inside theBoxDecorationto prevent a framework assertion error. - Custom Clippers: When building a
CustomClipper, cache the calculated path if the bounds of the widget don't change frequently to save CPU cycles during layout passes.
The complete list of Custom Clippers, Shape Borders, and UI Decoration packages for Flutter is provided below.
dotted_border
👍 1.64K ⬇️ 804.6K
Dart 3 compatibleMaintenance Status: Good
A flutter package to let users easily add a dotted border around any widget.
flutter_custom_clippers
👍 784 ⬇️ 8.9K
Dart 3 compatibleMaintenance Status: Poor
Flutter package that provides you custom clippers to help you achieve various custom shapes.
gradient_borders
👍 323 ⬇️ 156.9K
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_line
👍 327 ⬇️ 127.3K
Dart 3 compatibleMaintenance Status: Average
This package allows you to draw dotted lines with Flutter. You can draw a beautiful dotted line.
figma_squircle
👍 281 ⬇️ 24.2K
Dart 3 compatibleMaintenance Status: Average
Smooth corner radii for Flutter.
coupon_uikit
👍 294 ⬇️ 1.2K
Dart 3 compatibleMaintenance Status: Good
A UI kit that contains clippers and widgets which implements the shape of the coupon cards
soft_edge_blur
👍 241 ⬇️ 12.4K
Dart 3 compatibleMaintenance Status: Average
A customizable Flutter widget that applies a soft progressive blur effect to one or more edges of its child widget.
dotted_decoration
👍 152 ⬇️ 83.3K
Dart 3 compatibleMaintenance Status: Poor
Dotted line decoration is handly package to draw dotted divider, dotted border for rectangle, circle or rounded rectangle.
simple_shadow
👍 161 ⬇️ 11K
Dart 3 compatibleMaintenance Status: Poor
A customizable shadow for any widget
ticket_widget
👍 153 ⬇️ 809
Dart 3 compatibleMaintenance Status: Poor
Ui package to make a beautiful ticket like animated widget
zo_animated_border
👍 126 ⬇️ 5K
Dart 3 compatibleMaintenance Status: Good
Add animated, glowing, and gradient borders to any Flutter widget with zo_animated_border – a powerful and flexible package for modern UIs.
custom_clippers
👍 111 ⬇️ 780
Dart 3 compatibleMaintenance Status: Average
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.
mobkit_dashed_border
👍 67 ⬇️ 46.5K
Dart 3 compatibleMaintenance Status: Average
Custom border implementation for dashed lines and curves border.
drop_shadow
👍 98 ⬇️ 1.6K
Dart 3 compatibleMaintenance Status: Poor
Add drop shadow effect for any widgets in flutter
shape_of_view_null_safe
👍 89 ⬇️ 1.4K
Dart 3 compatibleMaintenance Status: Good
Give a custom shape to any flutter widget, Material Design 2 ready
glowy_borders
👍 83 ⬇️ 5.1K
Dart 3 compatibleMaintenance Status: Poor
A package for making your borders glow up
smooth_corner
👍 61 ⬇️ 18.6K
Dart 3 compatibleMaintenance Status: Average
A rectangular border with variable smoothness imitated from Figma.
flutter_inset_shadow
👍 33 ⬇️ 43.5K
Dart 3 compatibleMaintenance Status: Poor
This package extends BoxShadow and BoxDecoration to support the inset property.
colorful_safe_area
👍 59 ⬇️ 5.6K
Dart 3 compatibleMaintenance 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.
flutter_switch_clipper
👍 60 ⬇️ 38
Dart 3 compatibleMaintenance Status: Good
A Flutter package that two widgets switch with default clipper or customized clipper.
drop_shadow_image
👍 59 ⬇️ 216
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
👍 58 ⬇️ 13
Dart 3 compatibleMaintenance Status: Poor
A new Flutter package for creating shadow of same color scheme as the image.
cupertino_rounded_corners
👍 50 ⬇️ 256
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
👍 50 ⬇️ 34
Dart 3 compatibleMaintenance Status: Good
Custom box decoration with diagonals on the background. Contains DiagonalDecoration and MatrixDecoration.
dotted_dashed_line
👍 44 ⬇️ 4K
Dart 3 compatibleMaintenance Status: Poor
This package allows you to draw a horizontal or vertical dashed lines in any Flutter Platform.
ticketcher
👍 46 ⬇️ 853
Dart 3 compatibleMaintenance Status: Good
A Flutter package for creating beautiful ticket-style cards with customizable borders, dividers, and patterns. Perfect for event tickets, boarding passes, and coupons.
shadow_overlay
👍 45 ⬇️ 68
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).
shadow
👍 45 ⬇️ 47
Dart 3 compatibleMaintenance Status: Poor
the easiest way to Add Shadow to any type of widget with some basic customization.
dashed_circle
👍 40 ⬇️ 1K
Dart 3 compatibleMaintenance Status: Poor
A flutter package for drawing dashed circles. Can also be used with CustomPaint.
gradient_glow_border
👍 34 ⬇️ 493
Dart 3 compatibleMaintenance Status: Good
A Flutter package for creating stunning animated gradient borders with support for normal, dashed, and dotted styles
ticket_material
👍 32 ⬇️ 139
Dart 3 compatibleMaintenance Status: Poor
A ticket view widget. Support all platform. There is standard click behavior.
ai_glow
👍 32 ⬇️ 61
Dart 3 compatibleMaintenance Status: Average
A Flutter package for applying AI-powered adaptive inner and outer glow effects to widgets with dynamic styling support.
control_style
👍 24 ⬇️ 6.3K
Dart 3 compatibleMaintenance Status: Good
Applies additional decoration to Flutter-based text fields, buttons and other controls. This allows for better interface customisation.
glow_container
👍 27 ⬇️ 954
Dart 3 compatibleMaintenance Status: Average
A highly customizable Flutter widget that enhances a rectangular container with an animated glowing border effect.
fdottedline_nullsafety
👍 27 ⬇️ 775
Dart 3 compatibleMaintenance Status: Poor
Flutter3 is now fully supported
super_circle
👍 26 ⬇️ 8
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 ⬇️ 3.2K
Dart 3 compatibleMaintenance Status: Poor
A simple package for drawing custom shape borders with full control on how you want the sides to be rendered.
flutter_titled_container
👍 22 ⬇️ 120
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
👍 15 ⬇️ 1.3K
Dart 3 compatibleMaintenance Status: Average
This package allows you to draw dotted lines with Flutter. You can draw a beautiful dotted line.
perforated_border
👍 4 ⬇️ 13
Dart 3 compatibleMaintenance Status: Good
Create beautiful perforated and punch-hole borders around widgets with full control over shape, radius, spacing, and edges
dotted_side_border
👍 0 ⬇️ 22
Dart 3 compatibleMaintenance Status: Good
A Flutter widget that adds customizable dotted borders to any side of a child widget.
clippy_flutter
👍 143 ⬇️ 3K
Maintenance Status: Poor
Clip your widgets with custom shapes provided.
fdottedline
👍 72 ⬇️ 31
Maintenance Status: Poor
Help developers realize the dotted line in the simplest way.
polygon_clipper
👍 67 ⬇️ 35
Maintenance Status: Poor
A plugin to clip a Widget into a polygon shape. Works with any kind of Widget.
flutter_shine
👍 49 ⬇️ 45
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 ⬇️ 62
Maintenance Status: Poor
A shadow cast by a clipped box. Support all BoxShadow class properties!
dashed_container
👍 15 ⬇️ 21
Maintenance Status: Poor
A Dashed Container plugin for Flutter, easy to implement dashed line for your widgets.