Xyris

AI tools like Gemini, ChatGPT, and Claude generate animated SVGs using SMIL. But most editors only support Lottie or JS, so your animation breaks when you try to edit it. Use a SMIL-capable editor to adjust keyframes, paths, and timing while keeping the SVG pure and lightweight.

@codebydinil Thanks for sharing. feTurbulence is great but not easy to use.

Minimal code, maximum visual impact! 🤩 I've been playing with SVG Masks + feTurbulence Filters to create this unique, distorted image animation. It gives an incredibly fluid, almost liquid effect. See the live interactive demo: sona-animations.vercel.app/scroll-svg-mask

@AllThingsIntel Xyris is the only solution on the market that allows you to edit this type of animated SVG. Check it out at xyris.app

Model: Gemini 3 Pro Prompt: “Create a futuristic 'Iron Man' style Heads-Up Display (HUD) circle animation centered on a dark background using pure SVG. Construct multiple concentric rings of varying thickness, dashed lines, and geometric ticks that rotate in opposite directions and at different speeds. Include a central 'target lock' triangle that scales in and out, and random 'data numbers' scrolling rapidly on the side. The entire assembly must have a cyan neon glow (filter: drop-shadow) and look like a high-tech scanning system analyzing the user.”

@honlv2024 @slow_developer Here is what you are looking for: xyris.app

@slow_developer tbh，i don't need AGI now，i need svg animation

Demis Hassabis says Gemini 3 is on track and shows the fastest progress in the industry But general intelligence requires more than just the current trajectory It needs better reasoning, stronger memory, and "world model ideas" to solve physical intelligence AGI is still 5–10 years away

@Heidifu666 Xyris is the only solution on the market that allows you to edit this type of animated SVG. Check it out at xyris.app

The prompt is as follows: Create an SVG animation illustrating the step-by-step process of making a Long Island Iced Tea. Use a relaxed, hand-drawn visual style with slightly sketchy lines and soft colors. Keep the animation light, smooth, and playful, giving the cocktail-making process a warm, everyday charm. Include clear, concise text descriptions for each step, appearing in sync with the corresponding action.

I asked Gemini 3 to create a full SVG animation of how to make a Long Island Iced Tea — hand-drawn style, smooth motion, step captions and all — in one shot. Wild how fast this stuff is getting. Cheers. 🍸

@mebeingrkn Hi @mebeingrkn, are you interested in a keyframe-based visual editor like Xyris at xyris.app

Made a simple SVG animation for a website.

@BuildFastWithAI @Saboo_Shubham_ I guess it is an SMIL-based animated SVG. If you want to edit this file, check out Xyris at xyris.app

9. One shot SVG animation of pelican riding a bicycle By @Saboo_Shubham_ x.com/Saboo_Shubham_…

Gemini 3 is absolutely insane. People can't stop building things. 10 wild examples: 1. Remade a 90s theme park game in hours By @demishassabis

@LSE_LLC In case you want to create pure animated SVGs (SMIL-based), check out Xyris app: xyris.app

Create sleek, scalable SVG social media icons in free Inkscape 💻 Perfect for newbies or skill refresh! What you'll learn: ✅ Shapes & paths ✅ Web-ready SVGs 🔔 Part 2 coming: Animation + export! Watch now 👇 youtu.be/vvebnuMBLBY #Inkscape #SVG #GraphicDesign #Tutorial

@FlockonUS @ReitGames Hi @FlockonUS, check out xyris.app. I think it can change your mind.

@ReitGames Around time >10y ago, i was doing that tool above i experimented quite a bit with SVG but perf was very bad, so i went with Canvas for most to all animation since then.

Simpler and faster. Pixel art for me is tedious, time consuming, and won’t look good. That’s why I use vector art instead. Simpler and faster

@nckrtl @jasonlbeggs Hi @nckrtl , if you are interested in self-contained solution for animated SVGs, take a look at xyris.app

@jasonlbeggs Shiny! Are they SVG animations? I wonder if using one toast message makes sense for all the updates. You could reapply the downward upward animation you did with deployment updates. Reducing amount of toasts flying in and out would make it a bit calmer perhaps.

Animated cache and websocket icons to match our existing database icon ⚡📡

@rickss @thesamirho If you are interested in self-contained solution, take a look at xyris.app

@thesamirho Nice animation. How did you make it?

🪄

@heyshrutimishra I understand that the output is SMIL-based SVG. If you are looking for a tool to edit the output, take a look at xyris.app

13/ Gemini effortlessly coded code a simple SVG animation.

Google Gemini 3 just dropped recently and it's a massive leap. Engineers can't believe how agentic and workflow-aware it has become. This is the closest we've gotten to a true autonomous AI system. 14 wild examples:

@io_sammt Just want to share that you can create svg path animation visually with a keyframe-based animator like xyris.app

SVG Path Animation

@Frianz13 @yupp_ai In case you need to edit the animated SVGs, check it out at xyris.app. It also support generating animated SVGs using ChatGPT.

I just asked the models in @yupp_ai to create an animated SVG of an apple falling down from its tree. Kimi is faster but i didn't expect it made the apple flyin around 🤣🤣 So GPT has better animation. And Kimi has better design. Please improve this and keep it up! 👍🏻👍🏻

@medchabat @krishdotdev I think ChatGPT can generate animated SVG very well. Check out how it is integrated into my animation app at xyris.app

@krishdotdev I repeatedly requested the tree.js code for an animation, but Gemini 3 generated the video instead. This happened three times, and on the fourth attempt, it told me I'd reached my daily video quota! It also repeatedly refused to generate an SVG image, claiming it couldn't!

Gemini 3 is fu*king so bad at following instructions.

🖤🔥 Black Friday Deal is Live! 🔥🖤 Xyris SVG is offering a massive 40% OFF Black Friday promotion, our biggest discount of the year! Get the deal here: xyris.app/pricing/ #Xyris #XyrisSVG #BlackFriday #BlackFridaySale #40Off #WebDesign #Illustration #SVG #aianimation

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. #AIAnimation #AnimatedSVG

@MehrdadAtaee We're sorry for missing your message earlier. Could you please let us know if the issue occurs with every file or just a specific one? If it's only happening with a specific file, please email it to us at support@xyris.app, so we can take a closer look.

@XyrisApp I've been using your app for the last couple of days, and It's really great, However I face a lot of syncing issues. Next day when I open the project again, it's at a very different state. I would love to be able to manually save the project or have access to an offline version.

We’re beyond excited to introduce Xyris, a game-changing vector animation builder designed for designers and front-end developers! Ready to bring your animations to life? Access the beta version now for free and explore all the features: xyris.app

🎉 Shoutout to @Nickippy from @Squarekicker for creating an awesome tutorial on Xyris! Super helpful for both new and experienced users. Check it out: youtube.com/watch?v=RtRpBu… Huge thanks to Nick for creating and sharing this! #Stencils #Xyris #SquareKicker #SVGAnimation

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) #SVGAnimation #ScrollAnimation #WebDesign #XyrisApp #SVG #WebAnimation #CreativeCoding #SMILAnimation