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.
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.
ControlDescriptionOptions / RangesPipe ColorsChoose color palette modeClassic Windows or Custom Colors
Color 1 - 4Pick custom pipe colors (when Custom mode is active)Color Pickers
Camera ViewSet camera interaction style360° Turntable, Interactive 3D, Static Angle
Turntable SpeedAdjust rotation speed for turntable mode0.1x to 5.0x
Growth SpeedSpeed at which pipe segments grow1 (Slow) to 10 (Fast)
Pipes CountNumber of simultaneous pipe paths growing1 to 15
Joint StyleShape of corner pipe connections
Elbows, Balls, MixedTeapot EggToggle the classic Utah Teapot easter eggOn / Off
Reset (s)Time interval before clearing and building a new scene5s to 120s
BackgroundCanvas background colorColor Picker
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.
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.
ControlDescriptionOptions / RangesPipe ColorsChoose color palette modeClassic Windows or Custom Colors
Color 1 - 4Pick custom pipe colors (when Custom mode is active)Color Pickers
Camera ViewSet camera interaction style360° Turntable, Interactive 3D, Static Angle
Turntable SpeedAdjust rotation speed for turntable mode0.1x to 5.0x
Growth SpeedSpeed at which pipe segments grow1 (Slow) to 10 (Fast)
Pipes CountNumber of simultaneous pipe paths growing1 to 15
Joint StyleShape of corner pipe connections
Elbows, Balls, MixedTeapot EggToggle the classic Utah Teapot easter eggOn / Off
Reset (s)Time interval before clearing and building a new scene5s to 120s
BackgroundCanvas background colorColor Picker
