14islands/codrops-scroll-rig-tutorial

Progressively enhanced WebGL & Lens Refraction

Progressively Enhanced WebGL Lens Refraction

Learn how to create a responsive WebGL layout powered by CSS and React Three Fiber. By David Lindkvist @ 14islands.

Article on Codrops

Demo

Installation

pnpm i
pnpm start

Credits

• react-three-fiber
• three.js
• React
• Image credits: Maxim Berg
• Lens refraction based on Lens Refraction by Paul Henschel