Modern Product Card UI in React and SCSS

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:

Modern Product Card UI

Mobile View

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

#react #reactjs