Skip to content
ufraan
← Back

Portfolio Webgl

Portfolio built with WebGL shaders and custom animations.

TypeScriptWebGLPortfolio
Apr 2026GitHubLive

This portfolio site renders every visual element through the GPU using custom fragment and vertex shaders - page transitions, text effects, background visuals, all GLSL. Custom shaders drive distortion, color grading, and motion blur computed entirely on the GPU, giving the whole site a fluid, distinctive feel.

WebGL shader-driven portfolio with custom animations
WebGL shader-driven portfolio with custom animations

The architecture separates content from rendering, with HTML holding the semantic structure while the shader layer handles visual presentation. Animations are tied to scroll position and navigation events, and the site is deployed on Vercel.