SVG Animator Component

SVG Animator Component

SVG Animator Component

SVG Animator Component

Component

Component

Component

Component

SVG Animator Component

SVG Animator Component

SVG Animator Component

SVG Animator Component

This is an awesome code component by Benjamin for Framer. It takes your SVGs and animates them in such a way that your visitors will be like, "wow".

This is an awesome code component by Benjamin for Framer. It takes your SVGs and animates them in such a way that your visitors will be like, "wow".

This is an awesome code component by Benjamin for Framer. It takes your SVGs and animates them in such a way that your visitors will be like, "wow".

This is an awesome code component by Benjamin for Framer. It takes your SVGs and animates them in such a way that your visitors will be like, "wow".

Creator

Creator

Creator

Creator

SVG Animator Component
SVG Animator Component
SVG Animator Component
SVG Animator Component

Copy component

Copy component

Copy component

Copy component

Features

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.

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.

Step 01 outline

Step / 01

Remix the project.

Step 2 outline

Step / 02

Copy the component.

Step 3 outline

Step / 03

Paste in your project.

Step 4 outline

Step / 04

Customize via component properties.

Free Framer Course

Learn how to create stunning websites with ease by learning the fundamentals of Framer.

Free
Framer Course

Learn how to create stunning websites with ease by learning the fundamentals of Framer.

Free Framer Course

Learn how to create stunning websites with ease by learning the fundamentals of Framer.