Pipesaver

Bring classic desktop nostalgia to your modern Framer site with Pipesaver, an interactive, high-performance 3D pipe screensaver built using Three.js and WebGL.

Bring classic desktop nostalgia to your modern Framer site with Pipesaver , an interactive, high-performance 3D pipe screensaver built using Three.js and WebGL . It dynamically grows colorful, 3D pipe networks in organic multi-directional space with smooth lighting, realistic reflections, and full interactive camera controls. 🌟 Key Features Continuous Infinite Growth: Pipes seamlessly grow and branch without dying out or stopping early, keeping your background or visual section endlessly dynamic. Classic & Custom Color Palettes: Choose between the iconic Classic Windows vibrant colors or switch to Custom Colors to define up to 4 custom colors Interactive 3D Camera Modes: 360° Turntable: A smooth, continuous cinematic rotation around the growing pipes with adjustable speed. Interactive 3D: Lets users click-and-drag to orbit around the scene and scroll up/down to seamlessly fly forward and backward through 3D space. Static Angle: A fixed perspective ideal for stable hero section backgrounds. Utah Teapot Easter Egg: Includes an optional toggle for the iconic 3D Utah Teapot joint connector easter egg from the original Windows 95/98 screensaver. Flexible Joint Styles: Custom joints including smooth elbows, metallic sphere balls, or a random mix. ⚙ Framer Property Controls ControlDescriptionOptions / RangesPipe Colors Choose color palette mode Classic Windows or Custom Colors Color 1 - 4 Pick custom pipe colors (when Custom mode is active) Color Pickers Camera View Set camera interaction style 360° Turntable , Interactive 3D , Static Angle Turntable Speed Adjust rotation speed for turntable mode 0.1x to 5.0x Growth Speed Speed at which pipe segments grow 1 (Slow) to 10 (Fast) Pipes Count Number of simultaneous pipe paths growing 1 to 15 Joint Style Shape of corner pipe connections Elbows , Balls , Mixed Teapot Egg Toggle the classic Utah Teapot easter egg On / Off Reset (s) Time interval before clearing and building a new scene 5s to 120s Background Canvas background colorColor Picker

3d pipes screensaver