Bring Life to Any Icon or Illustration
Spectra’s SVG Animator block lets you animate any SVG on your WordPress site — choose from 500+ icons, upload your own, and apply Stroke, Scale, Fade, or Rotate animations. Zero code required.
-
500+ Icon Library
Browse a curated set of professionally designed icons. Search by name or category and insert with one click.
-
Native Gutenberg Block
Built directly for the WordPress block editor. Drag, drop, and configure without leaving your page.
-
Performance Optimized
CSS-powered animations with zero JavaScript bloat. Fully optimized for Core Web Vitals and SEO.
Four Ways to Bring SVGs to Life
Every animation type is purpose-built for a specific visual effect. Mix and match to match your brand’s motion language.
Stroke
SVG paths draw themselves on screen, like a pen tracing your icon in real time. Ideal for outline-style icons and line art.
Scale
Elements grow from a focal point to their full size, creating satisfying pop-in reveals that capture attention immediately.
Fade
Smooth opacity transitions bring elements gently into view. Perfect for decorative graphics, watermarks, and backgrounds.
Rotate
Continuous or triggered rotation adds dynamic energy. Great for loaders, gear icons, and attention-capturing visuals.
Upload Your Own SVG Files and Animate Them
The block auto-detects animatable paths and shapes, so you get full animation support for any SVG you bring in.
Design
Coding
Marketing
Ecommerce
Full Control Over Speed, Delay & Triggers
Every animation type is purpose-built for a specific visual effect. Mix and match to match your brand’s motion language.