Animated SVG element
SVG animations are an easy way to add some pizzazz to your website. The Animated SVG element makes it easy to create and customise these animations, without any coding required.
SVG Animation Features
The Animated SVG element makes it easy to create SVG Animations in Bricks builder. With this element, you can add animated SVG anywhere on your page without having to code anything. Simply upload your SVG file, configure different ways to start the animation, set your desired animation and see the magic happen.
Any SVG file
Upload any svg file for easy animation using Animated SVG element from Bricksable.
Edit the width and height of the svg image, change the stroke and fill colours all within the Animated SVG element settings.
Animation with ease
Use the Animated SVG element to configure different ways to start the animation, set your desired animation duration and delay. Make the svg animation trigger when in viewport, mouse hover or click. Easy!
Native Bricks Positioning
Utilizing the powerful native bricks builder positioning option, allowing you to effortlessly position your svg animation anywhere on your webpage.
SVG Animation Demo
Super easy amazing animations!
Play On ViewportON
Animation TypeOne-by-One
Speed300ms
Play On ViewportON
Animation TypeDelayed
Speed300ms
Play On ViewportON
Animation TypeSync
Speed400ms
Play On HoverON
On Mouse Leave Stop Animate
Speed300ms
Animation TypeOne-by-One
Play On HoverON
On Mouse Leave Reverse Animate
Speed100ms
Animation TypeDelayed
Play On ClickON
Speed200ms
Animation TypeSync
Timing FunctionEase-Out-Bounce
Play On ViewportON
Animation TypeOne-by-One
Speed500ms
Play On ViewportON
Animation TypeDelayed
Speed300ms
Play On ViewportON
Animation TypeSync
Speed100ms
The plug-in packed with everything you need to build amazing websites with ease.