Category: Animated SVG

Category: Animated SVG

Description: SVG Artista is a tool that helps you animate stroke and fill properties in your SVG images with plain CSS code. It should work fine with path, line, polyline, rect, circle, ellipse and polygon elements. It cannot animate SVG gradients though, so please keep that in mind.

SVG Artista generates the necessary CSS and updates the SVG code so that it can be easily animated by assigning the .active class to the SVG element. It doesn't rely on third-party JS libraries to work, although you will likely want to use one to dynamically set the .active class on some kind of trigger (e.g. on scroll into view). Depending on your preference, you can generate either the CSS transition or CSS animation code.

CSS animated SVG is fairly well supported and should work in all modern browsers. That said, SVG Artista generated code is provided as-is, without warranty of any kind. Use your judgment and test it in your target environment and browsers before using it in production.

Category: Animated SVG

Description: SVG Circus enables you to create cool animated SVG spinners, loaders and other looped animations in seconds.