Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

Interactive SVG Animations launches in full on December 27th! This course is a super deep dive into all things SVGs, from its syntax to its animation primitives—and more! No previous animation experience required, just a bit of HTML and CSS.

nanda

27,330 subscribers

63,774 views • 1 year ago •via X (Twitter)

Science & Technology Education

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Just made this, no JS, no libs. Just some HTML, CSS, SVG filters, and a couple textures. That’s all

Just made this, no JS, no libs. Just some HTML, CSS, SVG filters, and a couple textures. That’s all

Mike Bespalov

81,885 views • 1 year ago

It's official; I'm making a course! It's called Interactive SVG Animations — everything I know about SVGs distilled into four digestible modules. Launching later this year.

It's official; I'm making a course! It's called Interactive SVG Animations — everything I know about SVGs distilled into four digestible modules. Launching later this year.

nanda

228,920 views • 3 years ago

didn't get a chance to share this last night, but got a few new things working in the animation studio: - SVG animations (animated version replaces default during animation) - SVG movement/scaling (characters move along predefined route within a scene)

didn't get a chance to share this last night, but got a few new things working in the animation studio: - SVG animations (animated version replaces default during animation) - SVG movement/scaling (characters move along predefined route within a scene)

Yohei

14,798 views • 1 year ago

Here's a glimpse into the animation process of a longer animation piece in the works. This is a tribute to a very iconic shot from a well known animation show. You'll have to wait a bit longer to see it finished :)

Here's a glimpse into the animation process of a longer animation piece in the works. This is a tribute to a very iconic shot from a well known animation show. You'll have to wait a bit longer to see it finished :)

Hugo Llera

16,178 views • 1 year ago

Utilizing a massive library of high quality, free UGC avatars for your three.js project is way less difficult than you think. No animation baking required, can swap out any Mixamo animations in real time. Step 1. Download an avatar on VRoid Hub Step 2. Download a skinless Mixamo animation from Step 3. Paste this into claude code / codex / cursor chat Now you have avatars, animations and a function to apply animations to your avatars whenever you desire. Source code from the video is here:

saori

14,962 views • 4 months ago

Reanimated 4.3.0 is out with a lot of exciting features! 🚀 ✦ CSS animations for SVG components – animate vector graphics with just a few lines of code ✦ Shared Values on multiple threads at once – easily control animations in apps that already have a lot of multithreaded code And that's not all – check out the full release notes! ⬇️

Reanimated 4.3.0 is out with a lot of exciting features! 🚀 ✦ CSS animations for SVG components – animate vector graphics with just a few lines of code ✦ Shared Values on multiple threads at once – easily control animations in apps that already have a lot of multithreaded code And that's not all – check out the full release notes! ⬇️

Software Mansion

18,717 views • 3 months ago

Trying to do something a little more difficult each time in Claude Code. Focusing on animation stuff right now and its so much fun just seeing this shit come to life.

Trying to do something a little more difficult each time in Claude Code. Focusing on animation stuff right now and its so much fun just seeing this shit come to life.

James McDonald

33,138 views • 4 months ago

With all the advancements in animation and CGI, a big part of me misses animations like this.

With all the advancements in animation and CGI, a big part of me misses animations like this.

Historic Vids

2,756,654 views • 2 years ago

The only tool we use for animation is Rive. Our agency relies entirely on Rive for its features, and we believe it's the #1 solution for this type of animation. Rive animations are lightweight and high-performance too.

The only tool we use for animation is Rive. Our agency relies entirely on Rive for its features, and we believe it's the #1 solution for this type of animation. Rive animations are lightweight and high-performance too.

Praha

44,326 views • 5 months ago

I’m creating a playground of CSS easing functions 🌟 Each animation will include an SVG preview, along with a ready-to-copy Tailwind CSS class. Launching next week 🔥

I’m creating a playground of CSS easing functions 🌟 Each animation will include an SVG preview, along with a ready-to-copy Tailwind CSS class. Launching next week 🔥

Pasquale Vitiello

35,479 views • 1 year ago

Gemini 3.1 Pro vs Opus 4.6 opus is consistent and relaible Prompt : Build a premium interactive isometric 3D cozy room using Three.js in one html code block, with all objects modeled in code (no external assets) and subtle ambient animations and you can do 2 things of your choice to make it better

Gemini 3.1 Pro vs Opus 4.6 opus is consistent and relaible Prompt : Build a premium interactive isometric 3D cozy room using Three.js in one html code block, with all objects modeled in code (no external assets) and subtle ambient animations and you can do 2 things of your choice to make it better

Chetaslua

37,519 views • 4 months ago

I finally decided to buy the interactive SVG animations course, let’s see how it goes

I finally decided to buy the interactive SVG animations course, let’s see how it goes

Kevin Grajeda

92,383 views • 10 months ago

Playing around with a loading (thinking) animation. All in SVG

Playing around with a loading (thinking) animation. All in SVG

Mike Bespalov

29,168 views • 5 months ago

First Minecraft thing in a while, i didn't spend too much time on this, but I'm proud since its one of my first fighting animations. I planned on adding more smears and other 2d stuff but i didn't get to that :P #animation #fighting #3dart

First Minecraft thing in a while, i didn't spend too much time on this, but I'm proud since its one of my first fighting animations. I planned on adding more smears and other 2d stuff but i didn't get to that :P #animation #fighting #3dart

𝚛𝚊𝚒𝚗☆

14,756 views • 5 months ago

Here is a Layer Breakdown of my animation. This is from my Coloso Animation Course. Art by Okku #AfterEffects

Here is a Layer Breakdown of my animation. This is from my Coloso Animation Course. Art by Okku #AfterEffects

Seter

15,203 views • 1 year ago

Rare high view of the building left over from a previous simulation that humans here did not build and has false documentation of its "632 year" construction to cover its tracks so no one realizes it. In my humble opinion of course.

Rare high view of the building left over from a previous simulation that humans here did not build and has false documentation of its "632 year" construction to cover its tracks so no one realizes it. In my humble opinion of course.

Biff

294,850 views • 5 months ago

That SVG filter is the whole reason this CSS scroll animation is even possible 🙏 (now with improved timing ✨)

That SVG filter is the whole reason this CSS scroll animation is even possible 🙏 (now with improved timing ✨)

jhey ʕ•ᴥ•ʔ

94,008 views • 1 year ago

THIS GUY VIBE CODED A FREE TOOL THAT TURNS UGLY BARCODES INTO BEAUTIFUL SVG ONES THAT STILL SCAN you paste in a barcode, and it turns it into a styled, artistic SVG that still scans perfectly the tool makes it look good AND keeps it scannable free, no account needed, AND they export as SVGs if you've ever looked at a barcode on your product packaging and thought "this is ugly" you might want to look into this

THIS GUY VIBE CODED A FREE TOOL THAT TURNS UGLY BARCODES INTO BEAUTIFUL SVG ONES THAT STILL SCAN you paste in a barcode, and it turns it into a styled, artistic SVG that still scans perfectly the tool makes it look good AND keeps it scannable free, no account needed, AND they export as SVGs if you've ever looked at a barcode on your product packaging and thought "this is ugly" you might want to look into this

Om Patel

330,429 views • 2 months ago

New Regular Show animation looks fine for the most part but sometimes it goes full flash game and its a bit distracting lol

New Regular Show animation looks fine for the most part but sometimes it goes full flash game and its a bit distracting lol

dille

120,010 views • 1 month ago