Design inspiration curated from X

Liquid Mask – Cursor FX Source Code & Demo: https://codepen.io/edit... - Sabo Sugi / Three.js & Shaders

Published by Sabo Sugi / Three.js & Shaders on September 9, 2026.

Liquid Mask – Cursor FX Source Code & Demo: https://codepen.io/editor/sabosugi/pen/01a08674-961d-779f-b73c-527fd4ef0f1c?file=%2Findex.html%3A162%3A153&orientation=right&panel=files&show=split… #threejs #webgl

Design notes

Liquid Mask – Cursor FX Source Code & Demo: https://codepen.io/editor/sabosugi/pen/01a08674-961d-779f-b73c-527fd4ef0f1c?file=%2Findex.html%3A162%3A153&orientation=right&panel=files&show=split… #threejs #webgl

This entry is part of MotionVault's curated archive of interface, product, brand, website, and motion design references from public creators on X.

Image rights and licensing remain with Sabo Sugi / Three.js & Shaders; use the original X post for source and licensing inquiries.

Deep Clone · React 19 + Framer Motion

Interactive Sandbox & Production Code

Reverse-engineered 1:1 component with spring physics, accessible keyboard controls, and modular Tailwind CSS.

https://northlight.design/sandbox/2097693324660625616
Launch Sandbox ↗

Reference details

Creator
Sabo Sugi / Three.js & Shaders
X handle
@sabosugi
Published
September 9, 2026
Media
1 visual reference
Views
11,295
Likes
264
Bookmarks
214