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

14

Timeline

Feb 1, 2025 - Feb 13, 2025

Brutalist
Brutalist
Affluxo Website Development and Optimization
Affluxo Website Development and Optimization
Webflow 3D Interactive Cards with GLB and Custom Animations
Webflow 3D Interactive Cards with GLB and Custom Animations
3D Scroll Website Built with Webflow & Spline

Join 50k+ companies and 1M+ independents

Contra Logo

ยฉ 2025 Contra.Work Inc