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

Discord Medium LinkedIn Twitter

Top Flutter Clipper and Decoration packages

Last updated: November 15, 2024

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


dotted_line Card Image
dotted_line
Dart 3 compatible 👍 287
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
Dart 3 compatible 👍 233
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.

coupon_uikit Card Image
coupon_uikit
Dart 3 compatible 👍 229
Maintenance Status: Good

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

shape_of_view_null_safe Card Image
shape_of_view_null_safe
Dart 3 compatible 👍 82
Maintenance Status: Good

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

flutter_switch_clipper Card Image
flutter_switch_clipper
Dart 3 compatible 👍 55
Maintenance Status: Good

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

mobkit_dashed_border Card Image
mobkit_dashed_border
Dart 3 compatible 👍 35
Maintenance Status: Good

Custom border implementation for dashed lines and curves border.

dotted_border Card Image
dotted_border
Dart 3 compatible 👍 1.46K
Maintenance Status: Average

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

flutter_custom_clippers Card Image
flutter_custom_clippers
Dart 3 compatible 👍 753
Maintenance Status: Average

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

simple_shadow Card Image
simple_shadow
Dart 3 compatible 👍 152
Maintenance Status: Average

A customizable shadow for any widget

ticket_widget Card Image
ticket_widget
Dart 3 compatible 👍 127
Maintenance Status: Average

Ui package to make a beautiful ticket like animated widget

drop_shadow Card Image
drop_shadow
Dart 3 compatible 👍 83
Maintenance Status: Average

Add drop shadow effect for any widgets in flutter

glowy_borders Card Image
glowy_borders
Dart 3 compatible 👍 55
Maintenance Status: Average

A package for making your borders glow up

colorful_safe_area Card Image
colorful_safe_area
Dart 3 compatible 👍 55
Maintenance 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.

diagonal_decoration Card Image
diagonal_decoration
Dart 3 compatible 👍 41
Maintenance Status: Average

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

custom_rounded_rectangle_border
Dart 3 compatible 👍 23
Maintenance Status: Average

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

control_style Card Image
control_style
Dart 3 compatible 👍 21
Maintenance Status: Average

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

dotted_line_flutter Card Image
dotted_line_flutter
Dart 3 compatible 👍 9
Maintenance Status: Average

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

figma_squircle
Dart 3 compatible 👍 223
Maintenance Status: Poor

Flutter implementation of Figma's corner smoothing.

dotted_decoration
Dart 3 compatible 👍 138
Maintenance Status: Poor

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

custom_clippers
Dart 3 compatible 👍 94
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_image
Dart 3 compatible 👍 58
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
Dart 3 compatible 👍 56
Maintenance Status: Poor

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

cupertino_rounded_corners
Dart 3 compatible 👍 48
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.

shadow
Dart 3 compatible 👍 44
Maintenance Status: Poor

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

smooth_corner
Dart 3 compatible 👍 40
Maintenance Status: Poor

A rectangular border with variable smoothness imitated from Figma.

shadow_overlay
Dart 3 compatible 👍 38
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).

dashed_circle
Dart 3 compatible 👍 38
Maintenance Status: Poor

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

ticket_material
Dart 3 compatible 👍 31
Maintenance Status: Poor

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

dotted_dashed_line
Dart 3 compatible 👍 30
Maintenance Status: Poor

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

super_circle
Dart 3 compatible 👍 25
Maintenance Status: Poor

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

fdottedline_nullsafety
Dart 3 compatible 👍 25
Maintenance Status: Poor

Provides developers with the ability to create dashed lines.

flutter_titled_container
Dart 3 compatible 👍 22
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.

clippy_flutter
👍 142
Maintenance Status: Poor

Clip your widgets with custom shapes provided.

fdottedline
👍 72
Maintenance Status: Poor

Help developers realize the dotted line in the simplest way.

polygon_clipper
👍 67
Maintenance Status: Poor

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

flutter_shine
👍 48
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
👍 24
Maintenance Status: Poor

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

dashed_container
👍 15
Maintenance Status: Poor

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