Vayra Hero

WebGL shader hero with 8 controls

A production-ready WebGL hero for Framer. A custom fragment shader drives a continuous fluid distortion between your images, with pointer parallax and an expo.inOut transition curve. Eight property controls: Slides, Autoplay, Interval, Transition, Parallax, Ramp A, Ramp B, Reduced Motion. Leave Slides empty and it falls back to a two-color palette ramp, so it never renders blank. Zero dependencies — nothing is fetched at runtime, nothing to install, and no build step. Respects prefers-reduced-motion. After checkout you receive the insert URL. Paste it onto your canvas and it becomes a native code component layer.

WebGL shader hero with 8 controls