A micro interaction of a subscription card. When clicked, the card will become a circle, and then a check mark will be drawn.
This time, I didn't make a separate function for the other functionality of a React component. All are just in a nested function.
I used GSAP to animate the elements.
The bell icon came from FontAwesome. I only used one icon from them this time.
I used the Open Sans font. I directly took it from the Assets part of this pen. Though, the font is uploaded on Google Fonts.
For further actions, you may consider blocking this person and/or reporting abuse
Generate dynamic JSON-driven forms directly in your JavaScript app (Angular, React, Vue.js, jQuery) with a fully customizable drag-and-drop form builder. Easily integrate with any backend system and retain full ownership over your data, with no user or form submission limits.
Jacob Overgaard -
Harsh Mangalam -
Ritul Singh -
Mayank Chawdhari -
Top comments (2)
Wow! So nice! I subscribed about five times lol.
Thank you! Glad you liked it! :D