Creating an animated wishlist component for Vue Storefront

I was browsing the ASOS website the other day and noticed they have a really nice animation when you click the icons to save some items for later:

ASOS “saved items” icon animation




The official journal of Vue Storefront community. The latest news on meet-ups, contributions, releases, and the community surrounding Vue Storefront — the top open source solution for progressive web apps dedicated to mobile-first eCommerce. (

Recommended from Medium

The “this” Keyword in JavaScript

Storybook: Why you need it..!!

Convert PNG to GIF in Node.JS

Streaming Redux state as an Observable with RxJS

Top 3 CSS Grid Features To Start Using in Production

hand-drawn wire frame that uses a grid layout

React Native Optimization

📃Visual Tag Icons in WorkFlowy

5 Tips for Manipulating the DOM

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Javier Villanueva

Javier Villanueva

Lead Developer at Media Lounge · 6x Magento Certified & Full Stack Developer · E-Commerce Specialist · Currently @ Bournemouth, UK

More from Medium

Chapter 5— ThreeJs with Vue

Smokey Screen Wipe Transitions In Vue

How to replace Vuetify utility classes with TailwindCSS

Load your SVG icons into your Nuxt Project easily