SVG-Animated-UI-Element

Make your clickable element be adorable!

Everyone loves animated buttons, just like what twitter and instagram did. They have awesome like & fav buttons, but we can do better. With this library of SVG animated button icons, you can make your webpage and application be awesome as well!

Preview

Visit https://apollowayne.me/SVG-Animated-UI-Element/ to see a DEMO!

Like Button	Fav Button	Bookmark
.icon-like	.icon-fav	.icon-bookmark

Retweet Button	Reply Button	Thumbup Button
.icon-retweet	.icon-reply	.icon-thumbup

Donate Button	Share Button	Download Button
.icon-donate	.icon-share	.icon-download

We will add more! If you have requirement please send us issues!

How to Use

1. Download the Repo
2. Get the svg and css from /src folder
3. Paste the svg to your images folder of website
4. Add the css to make the button alive

Why Use SVG

Compared with the animated icon by PNG, SVG images is much smaller and could be easily modified in production. It's a good try to make all your UI elements described with svg images on website. So we create this repo to help the designers.

To-do List

• Share Icon
• Download Icon
• Plus One Icon

Donation

If you think this project is helpful to your development, you could just give me a cup of coffee. Thank you! ❤️