Go to content

Animated Shape separator - Optional Objects Live Preview

Animated Shape Separator
Create stunning effects and layouts with animated graphic separators.
Choose a shape from the internal library and customize it to match the style of your page: if none satisfy you or if you have a specific need, you can use the "Custom" mode which allows you to use your own SVG path! Then use the controls to modify the appearance of the shapes, change the colors and shadows, tune animation parameters and creatively use the separator.

4 Shapes in 1!
Thanks to the horizontal and vertical reflection controls, you can position the shapes as you prefer.

Tip. Flip horizontally for reverse the animation direction.
Thanks to the separate control of foreground and background colors with transparency support, it easily adapts to the design of your pages.
If you want, add the shadow and you're done!
Infinite creative possibilities with the "Custom" mode and support for custom shapes: follow the guide to discover how to use your SVG to create custom separators!
Back to content