AddlyCart
A smooth add-to-cart button with clear hover and success states. It changes color, reveals a cart icon, and confirms actions with a checkmark, all with seamless transitions for a polished shopping experience.
About this Component
It includes three states:
Default — a clear blue button with “Add to Cart”
Hover — switches to a dark style and reveals a cart icon
Success — turns green with a checkmark to confirm the action
After the success state, the button automatically returns to its default state after 1.2 seconds, keeping it ready for repeated interactions.
Customizable properties:
Text
Font size
Text color
Radius
Padding
Border
Shadow
Default fill
Hover fill
Pressed fill
Cart color
Cart size
Check color
Check size
Support:
Have questions or need help? Feel free to reach out at:
