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.
🖤🔥 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
🎉 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=RtRpBu6t…
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
Discover how to animate SVGs without using CSS or JavaScript by leveraging native SMIL animation: xyris.app/blog/how-to-animat…
#SVGAnimation, #Xyris, #SMIL, #CSSAnimation
Discover the leading five free SVG illustration libraries offering high‑quality, customizable artwork for diverse projects.
#webdesignresources #unDraw #Storyset #IRADesign #DrawKit #SVGRepo
xyris.app/blog/top-5-free-sv…
All the essential SVG animation techniques packed into one short video. #Xyris #SVGAnimation #MotionGraphics
youtu.be/Do_lw4SM6I8
Discover the top features every SVG animation editor should have, from keyframe support and interactive animations to cloud collaboration and version history.
#SVGAnimation #SVGAnimator #MotionGraphics #SMIL
xyris.app/blog/top-10-featur…
I'm looking to #Connect with people who are interested in
- Web Development (Frontend, Backend, Full Stack)
- JavaScript/Typescript
- UI/UX
- Motion Graphics
- Animation
- eLearning
- Web 3
#letsconnect #buildinpublic
Compare SVG animations: CSS, SMIL, and JavaScript. Learn their pros, cons, and best uses.
xyris.app/blog/svg-animation…
#svganimation, #cssanimation, #webanimation, #xyris
I'm looking to #Connect with people who are interested in
- Web Development (Frontend, Backend, Full Stack)
- Google Cloud
- JavaScript/Typescript
- UI/UX
- Node.js
- C/C++
- Audio/Video/Animation
- eLearning
#letsconnect #buildinpublic
Xyris retweeted
[1/5] Rethinking SVGs, the implicit way — meet NeuralSVG! 🎨✨
An implicit neural representation for generating layered SVGs from text prompts.
💧 Powered by SDS and nested-dropout for ordered shapes
🖌️ Enables inference-time editing like color palette & aspect ratio
Read more on sagipolaczek.github.io/Neura… 🚀
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, #svganimation, #filteranimation, #neoneffect
youtu.be/oSpkdIA_Tqo
Welcome to this step-by-step tutorial on creating path morph animations in Xyris!
#xyristutorial #motiongraphics #svganimation #designtutorial #animationtips #creativedesigns #xyris #graphicdesign #morphanimation #howtoanimate #morph
youtube.com/watch?v=TMfpUCId…
Discover six creative ways SVG animations are transforming modern web design.
#svganimation, #logoanimation, #AnimatedIcons, #animatedbanner, #webanimation
xyris.app/blog/top-6-creativ…
Learn how to create a handwriting animation using Xyris!
#xyristutorial #handwritinganimation #motiongraphics #svganimation #designtutorial #animationtips #creativedesigns #xyris #graphicdesign #strokeanimation #howtoanimate
youtu.be/b7-d5to1hSw?si=vlun…
Xyris retweeted
How long does it take you to create a unique loader? How easy is it to integrate into your page?
It took me 10 minutes to design this, and integrating it is as simple as uploading an image.
Original file: xyris.app/wp-content/uploads…
#svganimation, #xyris, #SMIL, #webdesign, #webnimation, #loader
🎨❄️ Animate a winter sales promotion banner by adding rotation and translation effects to snowflakes.❄️✨
youtu.be/MIELunBeVpo
#xyris
#2danimation
#transformanimation
#ux
#ui
#webdesign
#graphicdesign
#snowflakes
#webanimation
#svganimation
#vectorart
#vectoranimation