Project Overview
A creative landing page built to push the limits of modern browser capabilities. It merges WebGL scenes, custom shader textures, and GSAP scroll triggers, building a memorable sensory narrative for visiting users.
Key Features & Scope
Three.js rendering pipelines displaying custom particle systems
Interactive fluid simulations reacting to mouse coordinates
GSAP scroll triggers animating text typography and layout cards
Accessible DOM structures retaining compatibility with screen reader tools
System Architecture
Pure vanilla JavaScript organized with modular ES6 classes. Scene renderers utilize custom fragment shaders compiled in GPU buffers to preserve rendering speed.
Client InterfaceNext.js / React
──────▶
Backend CoreNode.js / Express
──────▶
Database NodeNone (Static Website)
Database: None (Static Website)
Deployment: GitHub Pages & Cloudflare CDN
Performance & Vitals
96
98
99
100
Verified Production Metrics
Technologies Used
HTML5CSS3JavaScriptGSAPThree.jsCanvas API