threeui.com · Interactive shader · Three.js
A living gradient of drifting particles follows your pointer. One signature 3D section, everything else calm. This is the threeui.com pattern: a shader hero, not a whole 3D site.
Drag to stir the particles · Scroll for the stories
Three stories, one module each. Same order, same shape, learned once.
“The day felt like us, only more so.”
Amelia & James · Malibu · Jun 2026
“Every detail was already done when we arrived.”
Sofia & Daniel · Napa · Aug 2026
“Our guests are still talking about it.”
Maya & Chris · Santa Barbara · Sep 2026
Source: threeui.com, Three.js components, templates and interactive shaders. One signature 3D section only, with a static fallback: if motion is reduced or WebGL is unavailable, the hero is a plain dark gradient. Three.js loaded from CDN. Test at 4x CPU + Fast 3G before using on a client site.