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

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

12

Timeline

Feb 1, 2025 - Feb 13, 2025

Brutalist
Brutalist
Affluxo Website Development and Optimization
Affluxo Website Development and Optimization
 Webflow SaaS Site
Webflow SaaS Site
3D Scroll Website Built with Webflow & Spline

Join 50k+ companies and 1M+ independents

Contra Logo

ยฉ 2025 Contra.Work Inc