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.
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.
