Bring Life To Your Websites with SVG Animations

Mixkit: Known for its user-friendly interface, Mixkit provides a vast collection of free video assets, including motion graphics and video templates. While they aren't directly from Videohive, they offer a comparable quality that can be integrated into your projects seamlessly.
Videezy: Videezy offers a variety of free and paid video assets, including After Effects templates. Their extensive library is perfect for those looking to enhance their videos without breaking the bank.
Motion Elements: While Motion Elements primarily focuses on premium content, they regularly feature free downloads that include video templates similar to those found on Videohive. Their search interface allows you to filter out the free options easily.
Editor’s Depot: This site provides free editing tools and templates, ensuring you have access to some elements similar to Videohive offerings. Though the selection might not be as vast, it’s a valuable resource for cost-effective production.
Motion Array: With a solid reputation, Motion Array occasionally offers free downloads that replicate some Videohive elements. Subscribing to their newsletter might help you get alerts about any new freebies available.

Bring Life To Your Websites with SVG Animations

https://www.skillshare.com/classes/Bring-Life-To-Your-Websites-with-SVG-Animations/1481340683
Making impressive websites can be a lot of work. You can get one up in minutes, but the ones that make you say wow take hundreds of hours. I’ll show you one time-efficient thing you can do to wow your users or customers: Creating small vector graphic animations in minutes, which can add a lot to a website.

We’ll look into how to animate svgs (scaleable vector graphics) with Anime.js. We’ll go through two examples together step by step.

Prerequisites
I tagged this class as “Intermediate”. You’ll do best if you have some prior knowledge of html/svgs, css, javascript, creating vector graphics, and general animation skills. You can probably take it as a beginner in all those fields too and learn those skills along the way. You certainly don’t need deep coding skills.

It’s perfect for designers and developers who want to create engaging websites.

You don’t need any special software for this. I’ll do everything in browser, exporting the svg from Figma. You can also use Adobe Illustrator, any other software, or download svgs from the project resources or other websites.

Top Rated News