SVG Foundry

LIVE ANIMATION GALLERY

Loading Spinner

Gradient Spinner

Smooth rotating spinner with gradient stroke and SMIL animation.

SMIL GRADIENT
Pulse Ring

Pulse Ring

Staggered concentric ripple animation for notification or status indicators.

SMIL
Stroke Drawing Animation

Stroke Drawing

Star shape drawn with stroke-dasharray animation and gradient stroke.

CSS GRADIENT
Morphing Blob

Morphing Blob

Organic blob shape with smooth path morphing using SMIL animate.

SMIL GRADIENT
Floating Particles

Floating Particles

Staggered floating animation with CSS keyframes and delay offsets.

CSS
Glowing Text Effect SVG

Glowing Text

Text with animated gradient fill and Gaussian blur glow filter effect.

FILTER GRADIENT SMIL
Progress Ring 80%

Progress Ring

Circular progress indicator with gradient stroke and dashoffset animation.

CSS GRADIENT
Wave Animation

Wave Animation

Layered wave effect with path morphing and gradient fills.

SMIL GRADIENT
Orbiting Dots

Orbiting Dots

Multi-layer orbital animation with counter-rotating groups.

CSS