A Flutter library for creating drawing animations from SVG paths and Flutter Path objects.
Drawing Animation is a Flutter library that creates gradual drawing animations for SVG paths and Flutter Path objects. It solves the need for engaging vector-based animations in mobile and web applications by providing a widget that paints paths sequentially or simultaneously with customizable timing and order.
Flutter developers looking to add vector drawing animations to their apps, such as for loading indicators, onboarding sequences, or interactive illustrations.
Developers choose this library for its dedicated focus on path drawing animations within Flutter, offering more control and customization than general animation packages, and for its ability to work with both static SVGs and dynamic Path objects.
A Flutter library for gradually painting SVG path objects on canvas (drawing line animation).
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Offers a widget-based approach with optional callbacks, allowing quick setup without custom controllers for common use cases, as shown in Example_01.
Provides multiple animationOrder options like top-to-bottom and by path length, enabling precise control over drawing direction and timing.
Supports both static SVG assets and dynamic Flutter Path objects, catering to both pre-designed graphics and programmatically generated animations.
Integrates Flutter's built-in animation curves such as elasticOut and bounceInOut, allowing for natural and varied motion effects.
Only handles path elements with basic stroke properties, lacking support for transforms, circles, or advanced styling, as admitted in the Supported SVG specifications section.
The library rebuilds internal data structures on every state change for dynamic paths, which can cause lag with high element counts, as noted in the limitations.
Key components like AnimatedDrawing.paths are marked experimental, and the todo list includes essential improvements like better color parsing and performance optimizations.