Just published a free Webflow component β an accordion parallax carousel built from scratch.
Drag to scroll with momentum, dynamic gaps that expand and contract with speed, image parallax on drag, and click-to-expand cards with a zoom-out reveal. Zero dependencies, pure JS.
Free to use in any Webflow project. Full documentation + JS snippet included.
webflow.com/made-in-webflow/website/elastic-carousel
4
181
Just published a free Webflow component β a fullscreen scroll-driven image transition using SVG masks and horizontal blinds.
As you scroll, each image reveals itself through strips that open simultaneously from the center. Built with GSAP ScrollTrigger and Lenis. Includes clip-path text animations and a scroll progress bar. Zero Webflow interactions, pure JS.
Free to use in any Webflow project.
webflow.com/made-in-webflow/website/hero-blinds
9
15
560
Just released a new Webflow cloneable: Infinite Canvas.
A spatial gallery where you drag to pan and scroll to fly
through depth. Images grow as they approach the camera and
fade as they pass.
It's a 2D, Webflow-native port of Edoardo Lunardi's original
work (his version is React Three Fiber + WebGL). Pure
vanilla JS, no build, no dependencies.
Free on Made in Webflow β
webflow.com/made-in-webflow/website/inifinite-canvas
1
4
188
Just published a free Webflow component β a WebGL lens blur effect built with Three.js and GLSL Signed Distance Fields, ported from a Codrops tutorial by Guillaume Lanier.
A circle stroke reacts to mouse proximity β the blur expands and the stroke thickens as the cursor passes over the edge. A subtle heartbeat animation pulses the radius continuously. The interior displays a customizable image loaded directly from a Webflow Image element, no code required to swap it.
Free to use in any Webflow project.
webflow.com/made-in-webflow/website/lens-blur (https://webflow.com/made-in-webflow/website/lens-blur)