Like reactions for buttons and favourite items
A heart reaction helps someone see that their tap registered. Choose a burst for a quick response or a simpler heart for a small favourite button.
Play the movement on the tap, and keep the selected state visible afterwards. Give the button a label such as Like or Remove from favourites.
Check the file size on each detail page and measure your export after editing. Load previews only when needed, respect reduced motion and keep status messages in real text.
We read the colours and fonts from your home page. They stay in this browser.
-
1.8 s, plays once
-
2.5 s, loops
-
1.5 s, loops
-
1.5 s, loops
-
Loading preview...
outline · pulse
-
Loading preview...
flat · pulse
-
Loading preview...
duotone · pulse
-
Loading preview...
outline · pulse
-
Loading preview...
flat · pulse
Questions
Can the heart replace the button label?
Keep a clear label for the button, either visible text or an accessible label. Expose whether it is selected so people can tell what the next tap will do.
How do I choose a file size and support reduced motion?
Check the file details before downloading and measure the exported file after editing. Compare Lottie JSON and dotLottie in a player that supports them. Load the animation near the screen and show a still frame when someone asks for reduced motion. Keep any status or instructions in real text.