Design inspiration curated from X

First vibecoded three.js mesh gradient feature: influence field! •... - Chase Davis

Published by Chase Davis on March 19, 2025.

First vibecoded three.js mesh gradient feature: influence field! • Use mouse position to influence vertex transforms • Plug influence into any other material feature • Shader completion didn't really work when I tried w...

Design notes

First vibecoded three.js mesh gradient feature: influence field! • Use mouse position to influence vertex transforms • Plug influence into any other material feature • Shader completion didn't really work when I tried with ChatGPT ~2 years ago, now it's decent • link below

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 Chase Davis; 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.

Live Sandbox Public View Code PRO View Prompt PRO
https://northlight.design/sandbox/1902197324920524838
Launch Sandbox ↗
Production React 19 TypeScript + Framer Motion source component
🔒 Unlock Source Code ($19/mo)

Reference details

Creator
Chase Davis
X handle
@Chase_Davis_
Published
March 19, 2025
Media
1 visual reference
Views
173,015
Likes
2,211
Bookmarks
2,027

Related tags