public 3d-motion repository

grapevine-react

// abdulsamadayoade/grapevine-react

A landing page for a skin care product

$ git log --oneline --stat

stars:4forks:0updated:2025-08-21

README.md

readonly

Grapevine

This project is a landing page for a skin care product, Grapevine.

Tools used for this project are:

React - used for bootstrapping the project
GSAP - for the animations
Locomotive Scroll - for the locomotive scroll on the site
imagesLoaded - to check if all the images are loaded and perform the needed action if true or otherwise
ThreeJS & HoverEffectJS - to perform transition when the images are hovered.

npm install You can clone the repo and install the dependencies by typing the above command in your command line

npm start Runs the app in the development mode. Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes. You may also see any lint errors in the console.

This is a react version, I also made the static HTML version too. Check it here https://github.com/abdulsamadayoade/grapevine

metadata.json

[INFO] 3 topics link to curated motion topic pages.