Button Loading

14.09.2020

Made with: HTML,CSS,JS

View Code

Button Loading

Super Fun Buttons

4.09.2020

Made with: HTML,CSS,JS (Babel)

View Code

Super Fun Buttons

Button Interaction (Gsap)

28.08.2020

Made with: HTML,CSS (Less),JS (Babel)

View Code

Button Interaction (Gsap)

The Animated Share Button Using Html, Css & Js

25.08.2020

Made with: HTML,CSS (SCSS),JS

View Code

The Animated Share Button Using Html, Css & Js

Like Animation

24.08.2020

Made with: HTML,CSS (SCSS),JS (TypeScript)

View Code

Like Animation

Love Button

14.08.2020

Made with: HTML (Pug),CSS (Stylus),JS (Babel)

View Code

Love Button

Button Ripple Effect (Material Design)

13.08.2020

Made with: HTML,CSS (SCSS),JS (TypeScript)

View Code

Button Ripple Effect (Material Design)

Favorite Button

13.08.2020

Made with: HTML,CSS (SCSS),JS

View Code

Favorite Button

Shiny Buttons

11.08.2020

Made with: HTML (Pug),CSS (SCSS),JS

View Code

Shiny Buttons

Magnetic Buttons

5.08.2020

A small set of magnetic buttons with some fun hover animations.

Made with: HTML,CSS,JS

View Code

PlaceholderMagnetic Buttons

Like Animation

5.08.2020

Made with: HTML,CSS (SCSS),JS (TypeScript)

View Code

Like Animation

Download Animation

5.08.2020

Made with: HTML,CSS (SCSS),JS

View Code

Download Animation

Like Button

31.07.2020

Made with: HTML,CSS (SCSS),JS (Babel)

View Code

Like Button

Add To Cart

21.07.2020

Made with: HTML,CSS (SCSS),JS

View Code

Add To Cart

Upload Progress Animation Microinteraction With Gsap

20.07.2020

On the first click, the shape of the button will become circle. Then, the button will become a progress bar, and a "speech bubble" above the progress bar will be shown. That "speech bubble" shows the percentage of the upload progress. The "speech bubble" will tilt when the progress starts. After the uploading is done, the button will turn into green colored circle, then the check mark will appear, pertaining that the upload is already done. After 5 seconds, the button will return into its normal state.

Made with: HTML,CSS,JS

View Code

Upload Progress Animation Microinteraction With Gsap

I ❤️ This

15.07.2020

Made with: HTML,CSS (SCSS),JS

View Code

I ❤️ This

Bookmark

9.07.2020

Made with: HTML,CSS (SCSS),JS

View Code

Bookmark

Download Button

2.07.2020

Made with: HTML,CSS (SCSS),JS

View Code

Download Button

Shuffle Buttons

21.06.2020

Made with: HTML,CSS,JS

View Code

Shuffle Buttons