Shaders Hover | Webflow, Three.js & GSAP Interactive Page by Franco BeltramellaShaders Hover | Webflow, Three.js & GSAP Interactive Page by Franco Beltramella
Built with Webflow

Shaders Hover | Webflow, Three.js & GSAP Interactive Page

Franco Beltramella

Franco Beltramella

Shaders HoverΒ  Webflow, Three.js & GSAP Interactive Page
A creative one-page showcase built to experiment with textures, shaders and hover-based interactions. This project explores how visuals can be transformed through custom Three.js shaders, offering three distinct image behaviors on hover. Each one manipulates the texture in a different way to enhance user engagement.
πŸ”§ Built with:
Webflow for layout and structure
GSAP for animations
Three.js for custom shader effects (GLSL)
🎯 Goals: Push the limits of visual interactivity in a lightweight experience and demonstrate the fusion of creative code with Webflow capabilities.
πŸ’‘ Focus: Shader experimentation, performance optimization, and smooth interaction β€” ideal for creative studios, digital portfolios, or tech-driven brands.
Made by Franco Beltramella Creative Webflow Developer β€” Animations, Interactions & Custom Code Let’s build something together ✨ πŸ“© Byfranbeltramella@gmail.com πŸ”— LinkedIn πŸ”— Twitter
#Webflow #Threejs #GSAP #CreativeDevelopment #InteractiveDesign #ShaderArt Β  #WebDesign #CodeArt #HoverEffects #FrontendDevelopment #CreativeCoding Β  #WebflowDeveloper #WebAnimation #GLSL #WebExperiments #MotionDesign Β 
Like this project

Posted May 5, 2025

Built an interactive page with shaders and hover effects using Webflow, Three.js, and GSAP.

Likes

2

Views

109

Timeline

Feb 1, 2025 - Feb 13, 2025