Modules SVG Path Draw
FreeModulePro extras
SVG Path Draw
Upload or paste an SVG with stroked paths and it draws itself when it comes into view. Scripts and event handlers in the SVG are stripped on output.
Live demo
Free: draws when it comes into view
Six paths, drawn one after another with a 150 ms stagger.
Live demo
Pro: the drawing follows your scroll
Pinned while it draws. Scroll back up and it undraws.
How to use it
Where to find it
Add the SVG Path Draw module and pick an SVG from the Media Library, or paste the markup.
Free In the free plugin
- Draw when the SVG enters the view
- Duration, stagger between paths and delay
- Fill after drawing, replay on re-enter
- Stroke colour and width
Pro Pro adds
- Scrub mode: the drawing follows the scroll
- Pin the drawing while it completes
- Draw SVGs inside other modules from the Kinetic tab
Kinetic Modules
Make your Beaver Builder sites move.
Start with the free plugin. Add Pro when a project needs the big effects.