Awwwards / Experience

Bending the Entire DOM into WebGL

From Hero Banners and Media Cards to Grid List Items & Table Rows — rendered natively through Three.js Custom Shaders.

Featured Works
Experiment 01

Liquid Typography

Complete DOM card with images, badges, and text curving along a 3D cylinder.

Experiment 02

Glassmorphic UI

Local Simplex noise liquid distortion reacting dynamically to cursor movement.

Experiment 01

Liquid Typography

Complete DOM card with images, badges, and text curving along a 3D cylinder.

Experiment 02

Glassmorphic UI

Local Simplex noise liquid distortion reacting dynamically to cursor movement.

Archive & Index

Project Directory (Grid List Items)

Each row below is an independent HTML list item affected by the curved shader & liquid hover effect:

Nebula Spatial Audio

Sound Design & WebGL Visualization
Creative Dev
2026
Open Case ↗

Quantum Computing Lab

Interactive 3D Particle Simulation
R&D / Shaders
2026
Open Case ↗

Metropolis Digital Twin

Architectural Spatial Experience
Three.js / GIS
2025
Open Case ↗

Synthetica Autonomous AI

Brand Identity & Immersive Web
Art Direction
2025
Open Case ↗

Aetheria Chrono Engine

Real-time Procedural Geometry
GLSL Engine
2024
Open Case ↗

Ready to build fluid experiences?

Full HTML to WebGL pipeline with GSAP, Lenis, and Three.js custom shaders.