I want to create a web app using SVG images for cool animations, and I noticed this amazing animation while scrolling on the anime.js website. Can anyone tell me what that animated object is? Is it an SVG? How is it achieved?
5 Answers
I used to rely on anime.js before switching to Framer Motion for React projects. I miss how free and flexible the anime.js API felt. Anyone think it’s worth going back to anime.js?
I find anime.js really appealing, but when I explored their documentation, it left me with more questions than answers. I want to implement animations like this but I'm tempted to stick to simple JS animations instead.
While I'm not an expert, it looks like that animation is a 3D effect made using JavaScript. It's likely a canvas element that the anime.js library handles for displaying and manipulating that 3D image.
Yeah, the animation is pretty impressive! You can check out their website at animejs.com for more cool features.
The animation you see on the anime.js website is created with three.js, which is used for 3D animations. The creator is planning to launch a course on this specific topic, so that might be helpful for you!
Got it! That makes sense, I thought it was too complex for just an SVG. Thanks for sharing the info!