This is a read-only archive of the Framer Community on Facebook.

What is Framer? Join the Community
Return to index
Hyengjoo Nam
Posted Jun 09 - Read on Facebook

Hey guys,
I made a simple “downloading” animation working with SVG Paths in Framer.

I hope this will help, enjoy it :-)
http://share.framerjs.com/7m8ant4xaud6/

I studied SVG paths through below article! Thanks Josh Puckett.
https://medium.com/framer-prototyping/working-with-svg-paths-in-framer-43d3c2d08adc#.38jyotjbd

When it comes to bounce effect, I got a inspiration from Chris Gannon's work in dribbble.
https://dribbble.com/shots/2154221-Download-Dot-Bounce-Success

I’m a newbie here! so If you have some suggestions with better codes feel free to advise me :-)

15 Comments

Michael Hanson

I love how clean it is. Good job :)

Albert Abril

Nice!

Daniel Caine

Sick!

Kevin Keiper

Too complicated

Muhammad Tarek

That's beautiful

Chris Chen

Cool concept!

Ace Lorh

Oh my gerd, love it! Good job :)

Vidit Kothari

The bounce effect is Lovely :)

Matt Moheeka

Rad!

Syd Lawrence

Rob Hampson

Enrique Benítez

Super awesome!

Dhruv Sharma

Great work (y). I can use some help here. I tried pathToSvg plugin but it is not copying code to my clipboard, therefore I'm unable to paste code on framer Studio. Is something else to be done which is not written in the article? Thanks in advance :)

Alessio Zork

really cool!

Jon Madison

Nice take on a loading animation

Gita Adi Ramdhani

Hyengjoo Nam may I share it on https://protoresource.com/ ?

Read the entire post on Facebook