WebGL Shader 001

A WebGL shader set for Framer that includes Flowmap and Chromatic Aberration effects. Each effect can be used individually or combined, with customizable properties.

Customizable Properties

1. Media Type - Image/Video

   • Supports .mp4 URLs or direct uploads (.mov, .mp4). Autoplay, mute, and loop are applied automatically.

2. Object Fit - Cover/Contain

3. Cursor Radius

4. Flowmap

5. Chromatic

6. Dissipation

   • Controls how quickly the effect fades when cursor moves away. Lower values fade faster.

7. Interaction - On/Off

   • Disable on touch devices for optimal performance