Product preview | Reusable custom HTML Element with Web Components

Hey everyone 👋 !

Today I made this project using Web Components. Web Components are basically custom reusable and customizable HTML elements which you can use with any framework or without it in almost all modern browsers. They're great, because it's very easy to change their design (colors for example) with CSS3 custom properties and content with special slot attribute.

I included simple CSS card animation on hover and example configuration, so everyone can try customizing things out.

It's also possible to set up an event listener for clicking the Add To Cart button.

Any feedback is of course more than welcome here 😁!