@xyrisapp.bsky.social
Xyris is an SVG animation tool that uses SMIL to create fully self-contained animated SVGs, allowing you to embed them as easily as standard image formats like GIF, PNG, or JPG—no coding required.
🎉 Shoutout to @nickipps.bsky.social from Square Kicker for creating an awesome tutorial on Xyris! Super helpful for both new and experienced users.
Check it out: www.youtube.com/watch?v=RtRp...
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 #JavaScript #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-...
#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-f...
All the essential SVG animation techniques packed into one short video. #Xyris #SVGAnimation #MotionGraphics
youtu.be/Do_lw4SM6I8
I can still manage multiple accounts manually, but I'm open to any ideas you might have—I’m eager to learn!
09.03.2025 14:49 — 👍 0 🔁 0 💬 0 📌 0
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-...
Compare SVG animations: CSS, SMIL, and JavaScript. Learn their pros, cons, and best uses.
xyris.app/blog/svg-ani...
#svganimation, #cssanimation, #webanimation, #xyris
Great to hear you're giving Xyris a try! The SMIL approach definitely keeps things easy to embed. Let us know if you have any questions—we’d love to see what you create!
28.02.2025 15:09 — 👍 1 🔁 0 💬 0 📌 0I'm keen to give Xyris a go to see how easy it will be to make animations like this one which relies on a JS library. Looks like Xyris uses SMIL so it'll be more portable and simple to drop into websites.
27.02.2025 23:18 — 👍 4 🔁 1 💬 1 📌 0Animating calligraphy lettering with variable stroke widths is a little tricky, but I've got you covered.
www.motiontricks.com/svg-calligra...
#gsap #creativefeed #webanimation #animation
It is an amazing tool! I assume that you are not a software engineer?
12.02.2025 16:01 — 👍 0 🔁 0 💬 1 📌 0
Hi there! If you're interested in no-code SVG animation tools, check out this comprehensive list with features, pros, and cons: xyris.app/blog/best-sv.... It could be really helpful!
12.02.2025 15:56 — 👍 0 🔁 0 💬 0 📌 0
Hi there! If you're interested in no-code SVG animation tools, check out this comprehensive list with features, pros, and cons: xyris.app/blog/best-sv.... It could be really helpful!
12.02.2025 15:50 — 👍 0 🔁 0 💬 0 📌 0SVG Animation in Safari has too many issues. I am looking for Webkit LBSE.
12.02.2025 15:30 — 👍 0 🔁 0 💬 0 📌 0You are absolutely correct! I didn't notice that case.
12.02.2025 15:24 — 👍 1 🔁 0 💬 0 📌 0
Hi there! If you're interested in no-code SVG animation tools, check out this comprehensive list with features, pros, and cons: xyris.app/blog/best-sv.... It could be really helpful!
02.02.2025 03:39 — 👍 0 🔁 0 💬 0 📌 0
Hi there! If you're interested in no-code SVG animation tools, check out this comprehensive list with features, pros, and cons: xyris.app/blog/best-sv.... It could be really helpful!
02.02.2025 03:37 — 👍 0 🔁 0 💬 0 📌 0It seems to be not correct. Check out this sample: xyris.app/wp-content/u...
However, I have to admit that Safari has too many problems with animated SVGs.
What do you want to achieve by animating the path length?
02.02.2025 03:24 — 👍 0 🔁 0 💬 1 📌 0
Hi there! If you're interested in no-code SVG animation tools, check out this comprehensive list with features, pros, and cons: xyris.app/blog/best-sv.... It could be really helpful!
02.02.2025 03:19 — 👍 1 🔁 0 💬 0 📌 0
Bonjour ! Si vous êtes intéressé par les outils d'animation SVG sans code, consultez cette liste complète avec les fonctionnalités, les avantages et les inconvénients : xyris.app/blog/best-sv.... Cela pourrait être vraiment utile !
02.02.2025 03:17 — 👍 2 🔁 0 💬 0 📌 0
Hi there! If you're interested in no-code SVG animation tools, check out this comprehensive list with features, pros, and cons: xyris.app/blog/best-sv.... It could be really helpful!
02.02.2025 03:13 — 👍 1 🔁 0 💬 0 📌 0
Hi there! If you're interested in no-code SVG animation tools, check out this comprehensive list with features, pros, and cons: xyris.app/blog/best-sv.... It could be really helpful!
02.02.2025 03:12 — 👍 0 🔁 0 💬 0 📌 0
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
Learn how to create a handwriting animation using Xyris!
#xyristutorial #handwritinganimation #motiongraphics #svganimation #designtutorial #animationtips #creativedesigns #xyris #graphicdesign #strokeanimation #howtoanimate
🎨❄️ Animate a winter sales promotion banner by adding rotation and translation effects to snowflakes.❄️✨
#xyris #animation #2danimation #transformanimation #tutorial #design #ux #ui #webdesign #graphicdesign #snowflakes #animationtutorial #webanimation #svganimation #vectorart #vectoranimation
