Phuong Dao's Avatar

Phuong Dao

@phuongdao.bsky.social

Building Xyris (https://xyris.app) – SVG Animator. Building uPresenter (https://upresenter.ai/) – AI-powered course builder.

1,114 Followers  |  650 Following  |  28 Posts  |  Joined: 24.11.2024  |  2.1814

Latest posts by phuongdao.bsky.social on Bluesky

Create Custom Animated SVGs for Stencils
YouTube video by SquareKicker Create Custom Animated SVGs for Stencils

🎉 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

13.09.2025 09:19 — 👍 1    🔁 1    💬 0    📌 0
Introducing ActivePresenter 10 - AI-powered eLearning Authoring Tool
YouTube video by ActivePresenter Introducing ActivePresenter 10 - AI-powered eLearning Authoring Tool

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

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

#ActivePresenter10 #eLearning #EdTech

04.09.2025 09:57 — 👍 2    🔁 0    💬 0    📌 0
Video thumbnail

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

15.06.2025 09:09 — 👍 4    🔁 1    💬 1    📌 0
Video thumbnail

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

#SVGAnimation, #Xyris, #SMIL, #cssanimation

06.06.2025 16:35 — 👍 3    🔁 1    💬 0    📌 0
Preview
Top 5 Free SVG Illustration Repositories for Web Designers and Developers in 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.

#webdesignresources #unDraw #Storyset #IRADesign #DrawKit #SVGRepo

xyris.app/blog/top-5-f...

19.04.2025 01:39 — 👍 4    🔁 1    💬 0    📌 0
All the essential SVG animation techniques.
YouTube video by Xyris All the essential SVG animation techniques.

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

07.04.2025 10:30 — 👍 2    🔁 1    💬 0    📌 0
Preview
uPresenter - Interactive Platform for eLearning Content Creation Create interactive training, education, and marketing materials effortlessly with uPresenter. Get started for free!

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

27.03.2025 04:31 — 👍 5    🔁 0    💬 0    📌 0

Done bro!

09.03.2025 06:55 — 👍 1    🔁 0    💬 1    📌 0
Preview
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.

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

07.03.2025 12:36 — 👍 4    🔁 1    💬 1    📌 0
Preview
SVG Animation Methods Compared: CSS, SMIL, and JavaScript - Xyris - Free Online SVG Animator Compare SVG animations: CSS, SMIL, and JavaScript. Learn their pros, cons, and best uses.

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

05.03.2025 14:37 — 👍 6    🔁 1    💬 0    📌 0
Create SVG Filter Animation - Animated Neon Effect | Xyris
YouTube video by Xyris Create SVG Filter Animation - Animated Neon Effect | Xyris

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

21.01.2025 08:06 — 👍 8    🔁 1    💬 0    📌 0
Create SVG Morph Animation | Xyris
YouTube video by Xyris Create SVG Morph Animation | Xyris

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

08.01.2025 09:13 — 👍 6    🔁 1    💬 1    📌 0
Preview
Top 6 Creative Uses for SVG Animations in Modern Web Design 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...

Top 6 Creative Uses for SVG Animations in Modern Web Design

03.01.2025 16:14 — 👍 6    🔁 1    💬 0    📌 0
Create SVG Path Stroke Animation | Xyris
YouTube video by Xyris Create SVG Path Stroke Animation | Xyris

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

28.12.2024 10:54 — 👍 5    🔁 1    💬 0    📌 0
Video thumbnail

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

20.12.2024 08:47 — 👍 4    🔁 0    💬 0    📌 0
SVG Transform Animations | Xyris
YouTube video by Xyris SVG Transform Animations | Xyris

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

19.12.2024 14:55 — 👍 3    🔁 1    💬 0    📌 0
Preview
The Best Tools for Creating Animated Logos | Xyris 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.

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

17.12.2024 15:46 — 👍 2    🔁 1    💬 0    📌 0
Create SVG Motion Path Animation | Xyris
YouTube video by Xyris Create SVG Motion Path Animation | Xyris

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

16.12.2024 05:05 — 👍 5    🔁 1    💬 0    📌 0

You can do that if entire content is SVG. Otherwise, I think a headless browser is required.

14.12.2024 12:34 — 👍 1    🔁 0    💬 1    📌 0
Post image

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

14.12.2024 10:11 — 👍 8    🔁 0    💬 1    📌 0
Preview
The Complete Guide to Animating SVG: Techniques and Tools - Xyris - The Animation Builder for Stunning Vector Graphics Discover the ultimate guide to SVG animation techniques (CSS, JavaScript, and SMIL). Learn about their capabilities and best use cases.

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

14.12.2024 09:53 — 👍 5    🔁 0    💬 0    📌 0
Creating Your First SVG Animation | Xyris
YouTube video by Xyris Creating Your First SVG Animation | Xyris

🚀 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

12.12.2024 15:23 — 👍 5    🔁 2    💬 0    📌 0
uPresenter: Drag-n-drop, Transitions & Built-in Assets Drag-n-drop, Transitions, Built-in Assets work together to streamline your eLearning content creation process.

🎉 Big congratulations to the uPresenter team on the exciting new updates! 🚀
ulearnbox.com/upresenter-b...

10.12.2024 11:17 — 👍 1    🔁 0    💬 0    📌 0
Video thumbnail

As developers, we might spend hours crafting neon animated SVG effects with SMIL, but with Xyris, you can achieve the same results in just minutes, complete with SVG SMIL output.
#svg, #animation, #motiongraphics, #motiondesign, #SMIL, #Lottie, #blureffect, #neoneffect, #xyris

03.12.2024 12:15 — 👍 7    🔁 1    💬 0    📌 0

Thank you. I have done!

01.12.2024 07:27 — 👍 2    🔁 0    💬 0    📌 0

Join the SaaS Makers List

Reply with one of your SaaS url to join the list ! 🚀

#buildinpublic

28.11.2024 17:28 — 👍 93    🔁 28    💬 105    📌 2
Preview
Xyris - The Animation Builder for Stunning Vector Graphics - Create animated SVGs without coding Xyris is your ultimate tool for crafting high-performance animated SVG graphics. With a super intuitive interface, it empowers creators of all skill levels to design captivating animations effortlessl...

I am building xyris.app. Would love to be added.

30.11.2024 15:38 — 👍 1    🔁 0    💬 1    📌 0

A starter pack for Indie Hackers & Solopreneurs building in public! Share your work and connect with the best makers on bsky.

Join Indie Growth and showcase your journey ❤️

If you want to be added:
🔁 Retweet
🔗 Reply with your project link

#IndieHacker #BuildInPublic #Startups
go.bsky.app/9gxt1dT

25.11.2024 12:45 — 👍 66    🔁 41    💬 68    📌 7
Preview
Xyris - The Animation Builder for Stunning Vector Graphics - Create animated SVGs without coding Xyris is your ultimate tool for crafting high-performance animated SVG graphics. With a super intuitive interface, it empowers creators of all skill levels to design captivating animations effortlessl...

I am building xyris.app. Would love to be added.

30.11.2024 15:27 — 👍 1    🔁 0    💬 1    📌 0

@phuongdao is following 17 prominent accounts