Lightnews — Scholar-powered news

Create Custom Animated SVGs for Stencils

Reposted by Phuong Dao

Xyris

@xyrisapp.bsky.social

🎉 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

YouTube video by SquareKicker

Introducing ActivePresenter 10 - AI-powered eLearning Authoring Tool

September 13, 2025 at 9:19 AM

Phuong Dao

@phuongdao.bsky.social

🚀 Happy to see ActivePresenter 10 out in the world.
An incredible journey with the team 💙

www.youtube.com/watch?v=g58k...

#ActivePresenter10 #eLearning #EdTech

YouTube video by ActivePresenter

Top 5 Free SVG Illustration Repositories for Web Designers and Developers in 2025

September 4, 2025 at 9:58 AM

Reposted by Phuong Dao

Xyris

@xyrisapp.bsky.social

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

June 15, 2025 at 9:09 AM

Reposted by Phuong Dao

Xyris

@xyrisapp.bsky.social

Discover how to animate SVGs without using CSS or JavaScript by leveraging native SMIL animation: xyris.app/blog/how-to-...

#SVGAnimation, #Xyris, #SMIL, #cssanimation

June 6, 2025 at 4:35 PM

Reposted by Phuong Dao

Xyris

@xyrisapp.bsky.social

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...

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.

All the essential SVG animation techniques.

April 19, 2025 at 1:39 AM

Reposted by Phuong Dao

Xyris

@xyrisapp.bsky.social

All the essential SVG animation techniques packed into one short video. #Xyris #SVGAnimation #MotionGraphics
youtu.be/Do_lw4SM6I8

uPresenter - Interactive Platform for eLearning Content Creation

April 7, 2025 at 10:30 AM

Phuong Dao

@phuongdao.bsky.social

Over a year ago, I started building uPresenter, an AI-powered eLearning tool. Now, coming back to my team, I’m blown away by the progress they’ve made. The improvements are next level—this will revolutionize course creation like never before. 🚀 Stay tuned! #uPresenter #EdTech
upresenter.ai

Create interactive training, education, and marketing materials effortlessly with uPresenter. Get started for free!

upresenter.ai

March 27, 2025 at 4:31 AM

Reposted by Phuong Dao

Xyris

@xyrisapp.bsky.social

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-...

Top 10 Features Every SVG Animation Editor Should Have - Xyris - Free Online SVG Animator

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

SVG Animation Methods Compared: CSS, SMIL, and JavaScript - Xyris - Free Online SVG Animator

March 7, 2025 at 12:36 PM

Reposted by Phuong Dao

Xyris

@xyrisapp.bsky.social

Compare SVG animations: CSS, SMIL, and JavaScript. Learn their pros, cons, and best uses.
xyris.app/blog/svg-ani...
#svganimation, #cssanimation, #webanimation, #xyris

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

Create SVG Filter Animation - Animated Neon Effect | Xyris

March 5, 2025 at 2:37 PM

Reposted by Phuong Dao

Xyris

@xyrisapp.bsky.social

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

Create SVG Morph Animation | Xyris

January 21, 2025 at 8:06 AM

Reposted by Phuong Dao

Xyris

@xyrisapp.bsky.social

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

Discover six creative ways SVG animations are transforming modern web design. From animated logos and dynamic backgrounds to microinteraction feedback and engaging illustrations, learn how these light...

January 8, 2025 at 9:13 AM

Reposted by Phuong Dao

Xyris

@xyrisapp.bsky.social

Top 6 Creative Uses for SVG Animations in Modern Web Design

Create SVG Path Stroke Animation | Xyris

January 3, 2025 at 4:14 PM

Reposted by Phuong Dao

Xyris

@xyrisapp.bsky.social

Learn how to create a handwriting animation using Xyris!
#xyristutorial #handwritinganimation #motiongraphics #svganimation #designtutorial #animationtips #creativedesigns #xyris #graphicdesign #strokeanimation #howtoanimate

SVG Transform Animations | Xyris

December 28, 2024 at 10:54 AM

Phuong Dao

@phuongdao.bsky.social

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.
#svganimation, #xyris, #SMIL, #webdesign, #webanimation, #loader

Original file: xyris.app/wp-content/u...

December 20, 2024 at 8:47 AM

Reposted by Phuong Dao

Xyris

@xyrisapp.bsky.social

🎨❄️ 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

The Best Tools for Creating Animated Logos | Xyris

December 19, 2024 at 2:55 PM

Reposted by Phuong Dao

Xyris

@xyrisapp.bsky.social

Explore top visual tools and libraries for animating SVG logos seamlessly. From intuitive visual editors to powerful libraries, create scalable and engaging animations for the web.
#animatedlogo, #logoanimation, #motiongraphics, #smilanimation #animation, #svganimation, #webanimation, #motiondesign

Explore top visual tools and libraries for animating SVG logos seamlessly. From intuitive visual editors to powerful libraries, create scalable and engaging animations for the web.

Create SVG Motion Path Animation | Xyris

December 17, 2024 at 3:46 PM

Reposted by Phuong Dao

Xyris

@xyrisapp.bsky.social

Learn how to create SVG motion path animations in Xyris without writing a single line of code!
#SVGAnimation #SVGMotionPath #MotionPathAnimation #Xyris #MotionDesign

The Complete Guide to Animating SVG: Techniques and Tools - Xyris - The Animation Builder for Stunning Vector Graphics

December 16, 2024 at 5:05 AM

Phuong Dao

@phuongdao.bsky.social

I built my vector animation app entirely using vanilla JavaScript and vanilla CSS, as I believe this was the most efficient way to save my limited time—at least for this project.
#buildinpublic, #xyris, #motiongraphics, #svg, #SMIL, #SVGAnimation, #morphing

December 14, 2024 at 10:11 AM

Phuong Dao

@phuongdao.bsky.social

Discover the ultimate guide to SVG animation techniques, including CSS, JavaScript, and SMIL. Learn about their capabilities and best use cases.
#SVGAnimation
#SMILAnimation
#CSSSVGAnimation
#JavaScriptSVGAnimation
#SVGAnimationTechniques
#AnimatingSVG
#BestSVGAnimationMethods

Discover the ultimate guide to SVG animation techniques (CSS, JavaScript, and SMIL). Learn about their capabilities and best use cases.

Creating Your First SVG Animation | Xyris

December 14, 2024 at 9:53 AM

Reposted by Phuong Dao

Xyris

@xyrisapp.bsky.social

🚀 Ready to bring your ideas to life with stunning animations? Check out our step-by-step tutorial on creating your first animation in Xyris—no coding required! 🎨✨ Perfect for beginners and creatives looking to explore SVG graphics.
#Xyris #SVG #NoCoding #MotionDesign #MotionGraphics #WebAnimation