Dev Design Library

Image Shader Canvas

A reusable image-shader canvas (Three.js) that loads one or two images, exposes time/mouse/progress uniforms and runs a custom fragment shader with cover-fit sampling.

Image Shader Canvas preview
Library
Pixel Perfect
Framework
React
Type
block
License
MIT
Dependencies
lil-gui, three
Files
  • registry/new-york/shaders/image-shader-canvas.tsx
  • registry/new-york/shaders/shader-canvas.tsx
  • registry/new-york/shaders/animated-texture.ts
Source
https://github.com/vansh-nagar/Pixel-Perfect

Categories

More from Pixel Perfect