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.

0:00
/0:27

A WebGL jersey selector with a central 3D shirt model, team flags, camera movement, and shader-blended kit transitions.

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.

Launch Demo
ShowcaseWebGLThree.jsGLSLShadersGSAPglTFScene Transitions