Work in progress on some page transitions
Ignore the rough nav for now, just testing out next-view-transitions + CSS keyframes.
UI/UX & Motion Direction: @QoreebA#gsap#Nextjs#nextviewtransitions
Another small interaction
Custom GLSL dithering effect on hover, layered with interactive vertex morphing that warps dynamically with mouse proximity and scroll velocity.
Built with Three.js (R3F) & GSAP
#threejs#webgl#glsl#creativecoding
SVG path tracking is a whole mood when you add dynamic physics to it.
Built a new work section where the dividers act like tensioned magnetic threads that actively repel the cursor on hover. No heavy WebGL, just ultra-responsive cubic bezier manipulation.
#nextjs#gsap#threejs
Built a noisy gradient shader background with cursor tracking using Next.js, TypeScript, GSAP, Three.js, and GLSL.
GitHub Repo: https://t.co/MR3sfjOlSY
#threejs#glsl#gsap#nextjs#webgl#frontend#shaders