A modern, animated product card UI designed for e-commerce web applications. Built with React and SCSS.
How to use it:
1. Override the default variables in the variables.scss
.
$blue-gradient: linear-gradient(45deg, #0136af, #22abfa); $red-gradient: linear-gradient(45deg, #d62926, #ee625f); $green-gradient: linear-gradient(45deg, #11998e, #1ce669); $orange-gradient: linear-gradient(45deg, #fc4a1a, #f7b733); $black-gradient: linear-gradient(45deg, #111, #666); $gradientBgs: ( "blue": $blue-gradient, "red": $red-gradient, "green": $green-gradient, "orange": $orange-gradient, "black": $black-gradient, );
2. Import the stylesheet.
@import "./styles/index.scss";
Previews:
Download Details:
Author: aman-atg
Live Demo: View The Demo
Download Link: Download The Source Code
Official Website: https://github.com/aman-atg/react-product-card
License: MIT