Divi SVG Animation Module

SVG animations are an easy way to add some pizzazz to your Divi website. The Supreme SVG Animation module makes it easy to create these animations, without any coding required. Just select the animation you want to use, and the module will handle the rest. With this module, you can easily add beautiful animated graphics to your website, without any headaches.

2022-10-04 at 20.44.43

Content Options



Use SVG Code

Enable this option If you'd like to use SVG Code Instead.

SVG File

Here you can upload your SVG File.



Here you choose the Type of SVG Animation, you've option to choose from below options:

  • Delayed
  • Sync
  • One-by-One

Animate Timing Function

Here you can choose the Speed Curve for your Animation, you can choose whatever option works best for you.


Enable this option If you'd like the SVG Animation to Loop.


If enabled, the animation will Loop infinitely. You can disable to set a custom number times the animation will Loop.


Enable this option to choose a Trigger type for your SVG Animation.

--Trigger Type

Here you can choose the Trigger Type, you can select Triggers from below options:

  • Start Animation when in Viewport
  • Start on Hover
  • Start on Click


Change the Speed of your SVG Animation here, the lower the value the faster the animation will be.


If you want to delay your animation, you can do so here.

Design Options



Here you can change the Alignment of your SVG Animation.



You can change the Color of your Animation here.


Here you can adjust the Width of the Animation.

Advanced Options

Use the advanced options to give your SVG Animation module custom CSS ID’s and Classes. Add some custom CSS for advanced styling and designate the module's visibility on certain devices.

Please enter a valid email address.

Divi Supreme

We support Divi’s mission through the development of Divi custom modules and Divi child themes that focus on beauty, subtle animations and visitor engagement.

Learn More

Need Help?

Still have a question? Contact Divi Supreme's support. We will try our best to answer your question as soon as possible.