Flutter Custom Shape Package
flutter_custom_shaper is a Flutter package that provides utilities to create and work with custom-shaped widgets. It includes predefined shapes, clipper classes, and painters to help you easily create unique UI components.
Features
- Predefined custom shapes like bubbles, unique, and basic shapes.
- Easy-to-use
CustomShaperwidget for creating shapes. - Built-in clipper classes for customize created clipper provided
Installation
Add the following line to your pubspec.yaml:
dependencies:
flutter_custom_shaper: ^0.0.1
Then, run:
flutter pub get
Usage
Here’s a quick example of how to use the custom_shape package in your Flutter app:
CustomShaper Widget
Use the CustomShaper widget to create custom shapes. It accepts parameters like:
clipper: A custom clipper class to define the shape.color: The background color of the shape.widthandheight: Dimensions of the shape.
Example:
CustomShaper(
height: 80,
width: 80,
clipper: BubbleClipper(),
child: CustomPaint(
painter: BubblePainter(),
),
)
Dependencies
This package depends on the following:
- Flutter SDK
- Dart SDK
Contributing
Contributions are welcome! If you’d like to add new shapes or improve the package, feel free to open a pull request.
License
This package is licensed under the MIT License. See the LICENSE file for more details.
Enjoy building creative and unique UI components with custom_shape!
Issues
For any issues or feature requests, please visit the GitHub Issues page.
If this package help you then give star and support me ♥️ :)
Help coding 🫰🏻
Libraries
- flutter_custom_shape
- flutter_custom_shapes
- shapes/arrow_shape
- shapes/bezier_curve_shape
- shapes/brickwall_shape
- shapes/bubble_shape
- shapes/chevron_shape
- shapes/circle_shape
- shapes/cloud_shape
- shapes/crescent_shape
- shapes/cross_shape
- shapes/diamond_shape
- shapes/ellipse_shape
- shapes/fill_hexagram
- shapes/flower_shape
- shapes/heart_shape
- shapes/hexagon_shape
- shapes/hexagram
- shapes/house_shape
- shapes/kite_shape
- shapes/leaf_shape
- shapes/lightning_shape
- shapes/octagon_shape
- shapes/parallelogram_shape
- shapes/pentagon_shape
- shapes/redial_spikes_shape
- shapes/right_angle_triangle_shape
- shapes/semicircle_shape
- shapes/shield_shape
- shapes/star_shape
- shapes/sun_burst
- shapes/sun_shade_shape
- shapes/trangle_shape
- shapes/trapezoid_shape
- shapes/wave_shape