VayraHero — WebGL Shader Hero for Framer

A production-ready WebGL hero section for Framer. A custom fragment shader drives a continuous fluid distortion between your images, with pointer parallax and an expo.inOut transition curve.WHAT YOU GETAfter checkout you receive a Framer insert URL. Paste it onto your Framer canvas and the component appears as a native layer. There is no zip to unpack, no build step, and no packages to install.8 PROPERTY CONTROLSSlides, Autoplay, Interval, Transition, Parallax, Ramp A, Ramp B, Reduced Motion.DETAILSRenders with three.js and GSAP, loaded at runtime.Works with any number of images. Leave Slides empty and it falls back to a two-color palette ramp, so it never renders blank.Respects prefers-reduced-motion, and you can override that per instance.Live demo: https://orange-yak-922154.framer.appREQUIREMENTSFramer, on any plan that allows code components. A WebGL-capable browser.

Found on Devadex — the discovery index for independent software the big search engines bury. More from gumroad.

Report this listing