flutter_m3shapes

A Flutter package for easily using the new Material 3 Expressive Shapes.

Bring a unique and modern feel to your app with a wide variety of predefined shapes. This library provides simple widgets that are easy to customize and integrate into any project.

✨ Features

• Complete Collection: Includes the full suite of Material 3 expressive shapes like Gem, Slanted, Flower, and more.
• Highly Customizable: Easily adjust the size, color, and child of any shape.
• Easy to Use: A simple, declarative API lets you add expressive shapes in seconds.
• Lightweight & Performant: Built with performance in mind using Flutter's CustomClipper.

You can use the shape as normal shape

Or you can use the shapes decorated as an image

🚨 Usage notes

Flutter channel

flutter_m3shapes is developed against Flutter's stable channel. To ensure a smooth development experience with flutter_m3shapes, you should build your application on Flutter's stable channel.

Platform Compatibility

flutter_m3shapes is not platform dependent and should be compatible with all platform

🚨 Example

You can build and run the example app, but for be clear you can use all the shape using the M3Container constructors like this

M3Container.slanted(
    color: Colors.green,
    width: size,
    height: size,
    child: const Center(child: Text("Slanted"))
)

Or using the general constructor

M3Container(
    <your selected shape>,
    clipBehavior: clipBehavior,
    height: height,
    width: width,
    color: color,
    child: child,
);

You can use all the Shapes in this enum:

• circle
• square
• slanted
• arch
• semicircle
• oval
• pill
• triangle
• arrow
• fan
• diamond
• pentagon
• gem
• very_sunny
• sunny
• c4_sided_cookie
• c6_sided_cookie
• c7_sided_cookie
• c9_sided_cookie
• c12_sided_cookie
• l4_leaf_clover
• l8_leaf_clover
• burst
• soft_burst
• boom
• soft_boom
• flower
• puffy
• puffy_diamond
• ghostish
• pixel_circle
• pixel_triangle
• bun
• hearth