Modern Product Card UI With React And SCSS

Category: Others , React
Author: aman-atg
Views Total: 12 views
Official Page: Go to website
Publish Date: June 17, 2020
License: MIT

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 Desktop

Modern Product Card UI

Modern Product Card UI Mobile View

Mobile View

 

You Might Be Interested In:

Leave a Reply