Just getting started in SVG myself and I'm trying to find great examples of animated SVG in web design. Specifically UI-related animations like icons, but any cool SVG animations would be more than appreciated!
Wow, so awesome!
ps. Muito bom ver tal trabalho vindo do Brasil. Parabéns!
These animations from Polygon we're pretty great.
I tried "up up down down left right left right B A" immediately... and it makes my day!! Love this little detail!
When I worked for Authentic F&F we did some cool SVG line animations on the Services section of the agency site.
These are really nice. Well done!
Did you know? Mailchimp's current homepage is an animated SVG, and not a video :)
I just animated a very subtle 'transactions' map with SVG -
Take a peek!
This looks absolutely stunning, really great job.
Not really UI but pretty neat!
I've always liked codrops because they have interesting svg animations/demos and the relevant code to learn from it as well.
Just search for svg and you'll find a bunch of examples.
I really love the intro animation after the page has loaded! http://www.vivekrav.in
Looks like it is done with snapsvg too.
Wow these are fantastic! The diversity is exactly what I was looking for.
http://www.zoook.com/products/musicana They have some pretty subtle svg animations
While we're on the topic, does anyone have good resources/tutorials for actually crafting SVG animations?
FYI: Buffer's case https://cssanimation.rocks/buffer/
My favorite is http://playgroundinc.com/.
I used paper.js to create the background animations on our website. www.dreimorgen.com
http://www.pixels.fi has some nice SVG going on
Here's a riff on the polygon site we did for a client.