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.
Paste the component onto your canvas. Double-click it and select "Unlink & Replace All". Now you are ready to customize it to your liking.
If you’re new to Framer these tutorials will help you better understand Framer components:
Intro to Components by Framer.
Tutorial by Adam Sebesta
If you have any questions about the component, feel free to email me at: sl.admantos@gmail.com
Made by Admantos