5c:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/3gx96u50v9idb.js","/creators-assets/_next/static/immutable/chunks/125_ce2ese0y_.js","/creators-assets/_next/static/immutable/chunks/2ii8lkleumgkk.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/069_m7850i8jf.js","/creators-assets/_next/static/immutable/chunks/03586ab1rea-b.js","/creators-assets/_next/static/immutable/chunks/19qq0hy3mz_vv.js","/creators-assets/_next/static/immutable/chunks/2oixy7hansmjm.js","/creators-assets/_next/static/immutable/chunks/2rczsbgoa3afm.js","/creators-assets/_next/static/immutable/chunks/2a63j-5qkrdf4.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/0-lv0573a1cyl.js","/creators-assets/_next/static/immutable/chunks/3kkqflhmmpg9p.js","/creators-assets/_next/static/immutable/chunks/0ib-rcz4b0eq3.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/24gcuxpvxd8dy.js","/creators-assets/_next/static/immutable/chunks/0xd4yj8g3g-ci.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3vd9_7_mqx0kl.js","/creators-assets/_next/static/immutable/chunks/3l37d07td4kzk.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3nw4q_evu8ge1.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/2qsfz_74auu2_.js","/creators-assets/_next/static/immutable/chunks/1xkjm3oyldl_r.js","/creators-assets/_next/static/immutable/chunks/16d5vpfsnfybw.js","/creators-assets/_next/static/immutable/chunks/3yfgkb3cck8zt.js","/creators-assets/_next/static/immutable/chunks/0rfcd366io6r9.js","/creators-assets/_next/static/immutable/chunks/2r15b2hek61lg.js","/creators-assets/_next/static/immutable/chunks/3kyaj4hrugjs0.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/2ryuxt_mk774w.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/3eh5q_6ksmw0l.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/0pc9t50m5x90i.js","/creators-assets/_next/static/immutable/chunks/2ee50z0bknh40.js","/creators-assets/_next/static/immutable/chunks/3f4d4x4z1mrzh.js","/creators-assets/_next/static/immutable/chunks/2rdaqkxiyeq_6.js","/creators-assets/_next/static/immutable/chunks/0e-wwv74y78f7.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js"],"PostDetailCard"] 5d:Tbb6,

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

59:[["$","$L5c",null,{"post":{"id":"019fb146-150f-74c9-97b4-98b2804a0902","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"eef990c3-d873-494e-88e0-abf8011c9ecd","name":"Forrest Young","slug":"fly","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/eef990c3-d873-494e-88e0-abf8011c9ecd/fzf5p2b3","followed":false,"followsYou":false},"media":[],"resources":[{"id":"Qlnaumc1lEw9K9KblhVM","resolved":true,"title":"Pipesaver","body":"$5d","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Bring classic desktop nostalgia to your modern Framer site with "},{"type":"text","text":"Pipesaver","marks":[{"type":"bold"}]},{"type":"text","text":", an interactive, high-performance 3D pipe screensaver built using "},{"type":"text","text":"Three.js","marks":[{"type":"bold"}]},{"type":"text","text":" and "},{"type":"text","text":"WebGL","marks":[{"type":"bold"}]},{"type":"text","text":"."}]},{"type":"paragraph","content":[{"type":"text","text":"It dynamically grows colorful, 3D pipe networks in organic multi-directional space with smooth lighting, realistic reflections, and full interactive camera controls."}]},{"type":"customHeading","content":[{"type":"emoji","attrs":{"name":"star2","emoji":"🌟"}},{"type":"text","text":" "},{"type":"text","text":"Key Features","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Continuous Infinite Growth:","marks":[{"type":"bold"}]},{"type":"text","text":" Pipes seamlessly grow and branch without dying out or stopping early, keeping your background or visual section endlessly dynamic."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Classic & Custom Color Palettes:","marks":[{"type":"bold"}]},{"type":"text","text":" Choose between the iconic "},{"type":"text","text":"Classic Windows","marks":[{"type":"bold"}]},{"type":"text","text":" vibrant colors or switch to "},{"type":"text","text":"Custom Colors","marks":[{"type":"bold"}]},{"type":"text","text":" to define up to 4 custom colors"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive 3D Camera Modes:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"360° Turntable:","marks":[{"type":"bold"}]},{"type":"text","text":" A smooth, continuous cinematic rotation around the growing pipes with adjustable speed."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive 3D:","marks":[{"type":"bold"}]},{"type":"text","text":" Lets users click-and-drag to orbit around the scene and scroll up/down to seamlessly fly forward and backward through 3D space."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Static Angle:","marks":[{"type":"bold"}]},{"type":"text","text":" A fixed perspective ideal for stable hero section backgrounds."}]}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Utah Teapot Easter Egg:","marks":[{"type":"bold"}]},{"type":"text","text":" Includes an optional toggle for the iconic 3D Utah Teapot joint connector easter egg from the original Windows 95/98 screensaver."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Flexible Joint Styles:","marks":[{"type":"bold"}]},{"type":"text","text":" Custom joints including smooth elbows, metallic sphere balls, or a random mix."}]},{"type":"paragraph"}]}]},{"type":"customHeading","content":[{"type":"emoji","attrs":{"name":"gear","emoji":"⚙"}},{"type":"text","text":" "},{"type":"text","text":"Framer Property Controls","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"ControlDescriptionOptions / RangesPipe Colors","marks":[{"type":"bold"}]},{"type":"text","text":"Choose color palette mode"},{"type":"text","text":"Classic Windows","marks":[{"type":"code"}]},{"type":"text","text":" or "},{"type":"text","text":"Custom Colors","marks":[{"type":"code"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Color 1 - 4","marks":[{"type":"bold"}]},{"type":"text","text":"Pick custom pipe colors "},{"type":"text","text":"(when Custom mode is active)","marks":[{"type":"italic"}]},{"type":"text","text":"Color Pickers"}]},{"type":"paragraph","content":[{"type":"text","text":"Camera View","marks":[{"type":"bold"}]},{"type":"text","text":"Set camera interaction style"},{"type":"text","text":"360° Turntable","marks":[{"type":"code"}]},{"type":"text","text":", "},{"type":"text","text":"Interactive 3D","marks":[{"type":"code"}]},{"type":"text","text":", "},{"type":"text","text":"Static Angle","marks":[{"type":"code"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Turntable Speed","marks":[{"type":"bold"}]},{"type":"text","text":"Adjust rotation speed for turntable mode"},{"type":"text","text":"0.1x","marks":[{"type":"code"}]},{"type":"text","text":" to "},{"type":"text","text":"5.0x","marks":[{"type":"code"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Growth Speed","marks":[{"type":"bold"}]},{"type":"text","text":"Speed at which pipe segments grow"},{"type":"text","text":"1","marks":[{"type":"code"}]},{"type":"text","text":" (Slow) to "},{"type":"text","text":"10","marks":[{"type":"code"}]},{"type":"text","text":" (Fast)"}]},{"type":"paragraph","content":[{"type":"text","text":"Pipes Count","marks":[{"type":"bold"}]},{"type":"text","text":"Number of simultaneous pipe paths growing"},{"type":"text","text":"1","marks":[{"type":"code"}]},{"type":"text","text":" to "},{"type":"text","text":"15","marks":[{"type":"code"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Joint Style","marks":[{"type":"bold"}]},{"type":"text","text":"Shape of corner pipe connections"}]},{"type":"paragraph","content":[{"type":"text","text":"Elbows","marks":[{"type":"code"}]},{"type":"text","text":", "},{"type":"text","text":"Balls","marks":[{"type":"code"}]},{"type":"text","text":", "},{"type":"text","text":"Mixed","marks":[{"type":"code"}]},{"type":"text","text":"Teapot Egg","marks":[{"type":"bold"}]},{"type":"text","text":"Toggle the classic Utah Teapot easter egg"},{"type":"text","text":"On","marks":[{"type":"code"}]},{"type":"text","text":" / "},{"type":"text","text":"Off","marks":[{"type":"code"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Reset (s)","marks":[{"type":"bold"}]},{"type":"text","text":"Time interval before clearing and building a new scene"},{"type":"text","text":"5s","marks":[{"type":"code"}]},{"type":"text","text":" to "},{"type":"text","text":"120s","marks":[{"type":"code"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Background","marks":[{"type":"bold"}]},{"type":"text","text":"Canvas background colorColor Picker"}]}]},"introduction":"3d pipes screensaver","slug":"pipesaver","author":{"framerUserId":"eef990c3-d873-494e-88e0-abf8011c9ecd","name":"Forrest Young","slug":"fly","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/eef990c3-d873-494e-88e0-abf8011c9ecd/fzf5p2b3","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/eef990c3-d873-494e-88e0-abf8011c9ecd/019fb145-f629-7353-92dd-7a03b9f78f95.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-30T04:26:27.496Z","updatedAt":"2026-07-30T05:45:10.796Z","publishedAt":"2026-07-30T04:26:27.471Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Pipesaver-tggPk3.js@YJDqifq0a9ceEoblSA22","previewUrl":"https://3dpipesaver.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"YJDqifq0a9ceEoblSA22","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-30T04:26:27.985Z","updatedAt":"2026-07-30T04:26:27.985Z","reported":false}}],"$L5e"]

Suggested for you