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.
If you’re new to Framer these tutorials will help you better understand Framer components:
Intro to Components by Framer.
Tutorial by Adam Sebesta
🔷 Made by Azardam Studio 🔷
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.
If you’re new to Framer these tutorials will help you better understand Framer components:
Intro to Components by Framer.
Tutorial by Adam Sebesta
🔷 Made by Azardam Studio 🔷