⚡ RGB hover effect

This is a starter project for implementing React Three Fiber in Gatsby and applying custom shaders on images.

RGB color displacement is applied on mouse hover.

See Live Demo

✨ Features

• Gatsby
• React Three Fiber
• Typescript
• Smooth, lerp based page scrolling
• Scss
• Sync between canvas and HTML

🚀 Quick start

1. Clone the repo

   git clone https://github.com/tommasoltrz/R3F-RGB-Hover.git

2. Start the local server

   Navigate into your new site’s directory and install the local dependencies first, then run the dev command.

   cd R3F-RGB-Hover/
   
   npm i
   npm start

3. Open the source code and start editing!

   Your site is will be running at http://localhost:8000