Skip to content
Interactive WebGL Jersey Slider Blends Team Kits in 3D

Interactive WebGL Jersey Slider Blends Team Kits in 3D

Prity Dhara’s Three.js jersey slider uses one 3D model, shader-based texture transitions, fabric movement, and GSAP motion to make kit changes feel physical.

Details

Published

What it is

Prity Dhara built the interactive jersey slider with Three.js, WebGL, custom GLSL shaders, GSAP, a single 3D jersey model, shader-based texture transitions, and subtle fabric movement. It is a product-interface idea in miniature: one object, a few states, and motion design doing real work.

The interesting bit is the decision to avoid instant texture swaps. Each change combines rotation, camera movement, and blending, so the interaction reads as a small physical transition rather than a UI toggle.

How it’s made

Technology
WebGLGLSLglTF
Framework & Tool
Three.jsGSAP
Interaction
Slider
Subject
Sports