# How We Built the Add to Favorite Animation in Shop

DevFeed: [How We Built the Add to Favorite Animation in Shop](<https://devfeed.tech/articles/how-we-built-the-add-to-favorite-animation-in-shop-1318.md>)

Original publisher: [Read original article](<https://shopify.engineering/building-add-to-favorite-animation-shop-app>)

Author: Andrew Lo

Published: 2022-03-25T15:11:59Z

Content type: tutorial

Language: en

Sources: [Shopify Engineering](<https://devfeed.tech/sources/shopify-engineering.md>), [Shopify Engineering - Shopify Engineering](<https://devfeed.tech/sources/shopify-engineering-shopify-engineering.md>)

Topics: [Shopify](<https://devfeed.tech/topics/shopify.md>), [App](<https://devfeed.tech/topics/app.md>), [Software](<https://devfeed.tech/topics/software.md>)

Tags: [animation](<https://devfeed.tech/tags/animation.md>), [getting-started](<https://devfeed.tech/tags/getting-started.md>), [how-to](<https://devfeed.tech/tags/how-to.md>), [shopify](<https://devfeed.tech/tags/shopify.md>), [technical](<https://devfeed.tech/tags/technical.md>), [ui](<https://devfeed.tech/tags/ui.md>)

## AI overview

This tutorial explains how Shopify's Shop app implemented an Add to Favorite animation. It covers sequencing animations for a product thumbnail and favorites tab icon, animating multiple properties, and using interpolation based on a motion specification.

## Source excerpt

"I just want you to feel it" - Jay Prince, from the song Feel It I use the word feeling a lot when working on animations and gestures. For example, animations or gestures sometimes feel right or wrong.