Xyris

07/12/2025

AI tools like Gemini, ChatGPT, and Claude can now generate animated SVGs, but editing them is where things fall apart.

Most animation tools only support Lottie or JavaScript-based animation.
AI tools, however, output SMIL animations using tags like:
, , .

Upload these into common editors and they usually break, flatten, or strip the animation.

So how do you edit AI-generated SVG animations properly?

✅ Use a visual editor that understands SMIL.
Most tools ignore it, but a few can import SMIL and turn it into editable keyframes.
You get a timeline, motion paths, easing, and full control, without rewriting XML.

Why keep SMIL instead of converting to Lottie?
– Pure inline SVG
– No scripts or JSON
– Lightweight for the web
– Easy for AI to regenerate

If you’re working with AI-generated icons, loaders, or illustrations, using a SMIL-capable editor will save hours of frustration and keep your animations clean, small, and editable.

23/11/2025

🖤🔥 Black Friday Deal is Live! 🔥🖤

Xyris SVG is offering a massive 40% OFF Black Friday promotion, our biggest discount of the year!

Whether you're upgrading your design workflow or want a smarter way to create and manage SVG graphics, now is the perfect time to jump in. Don’t miss out!

✨ 40% OFF
🎨 For all Xyris SVG plans
⏳ Limited-time offer
🚀 Best chance to save this year

👉 Get the deal here: https://xyris.app/pricing/

23/11/2025

From today, you can generate animated SVGs in Xyris using AI!

No more manual coding, no more searching for animations online.
Just describe what you want, and Xyris will create beautiful, smooth, scalable AI-generated animated SVG graphics instantly. 🌟
Try it now and see what AI animation feels like!

13/09/2025

🎥 Awesome Tutorial by Our User! 🙌

We’re excited to share a fantastic video tutorial created by one of our users - Nick Ippolito from Square Kicker. He’s put together a clear and insightful walkthrough of Xyris that’s perfect for both new and experienced users.

It’s always inspiring to see our community share their knowledge and help others get the most out of the app.

Check it out: https://www.youtube.com/watch?v=RtRpBu6t214
Huge thanks to Nick for creating and sharing this!

Want to add dynamic animated SVGs to your SquareKicker Stencils tool for masking Squarespace buttons, maps, images, videos, and section backgrounds? This tut...

15/06/2025

Learn how to create scroll-triggered SVG animations using Xyris and SMIL. Animate visually, control with simple JavaScript—no complex coding required. (link in comment)

06/06/2025

Discover how to animate SVGs without using CSS or JavaScript by leveraging native SMIL animation. (Link in comments)
, , ,

19/04/2025

Discover the leading five free SVG illustration libraries offering high‑quality, customizable artwork for diverse projects—complete with licensing details, search features, and easy integration.

Discover the leading five free SVG illustration libraries offering high‑quality, customizable artwork for diverse projects—complete with licensing details, search features, and easy integration.

07/03/2025

Discover the top features every SVG animation editor should have, from keyframe support and interactive animations to cloud collaboration and version history.

Discover the top features every SVG animation editor should have, from keyframe support and interactive animations to cloud collaboration and version history.

05/03/2025

Compare SVG animations: CSS, SMIL, and JavaScript. Learn their pros, cons, and best uses.
https://xyris.app/blog/svg-animation-methods-compared-css-smil-and-javascript/
, , ,

Compare SVG animations: CSS, SMIL, and JavaScript. Learn their pros, cons, and best uses.

21/01/2025

Learn how to design and animate a glowing neon effect using filters in Xyris! This tutorial covers the basics of applying glow effects, animating colors and blur, and exporting your final design.

, , ,

Xyris - Elegantly Craft Vector Animations, No Code Needed.Learn how to design and animate a glowing neon effect using filters in Xyris! This tutorial covers ...