Component
SVG Animator Component



About the resource
Fully customizable through component properties, here's what you can do:
Select SVG layer.
Turn animation on and off.
Set looping.
Show or hide end circle.
Specify start and end state in percentage.
Animation properties.
About the resource
Fully customizable through component properties, here's what you can do:
Select SVG layer.
Turn animation on and off.
Set looping.
Show or hide end circle.
Specify start and end state in percentage.
Animation properties.
About the resource
Fully customizable through component properties, here's what you can do:
Select SVG layer.
Turn animation on and off.
Set looping.
Show or hide end circle.
Specify start and end state in percentage.
Animation properties.

SVG animator component properties in Framer.

SVG animator component properties in Framer.

SVG animator component properties in Framer.
If you import and SVG layer to Framer make sure to store them on the canvas next to the breakpoint and double click them before you can connect them to the component.
If you import and SVG layer to Framer make sure to store them on the canvas next to the breakpoint and double click them before you can connect them to the component.
If you import and SVG layer to Framer make sure to store them on the canvas next to the breakpoint and double click them before you can connect them to the component.