Recreated the Awwwards scroll effect that won Shopify a Site of the Month.
The displacement glitch transition between scenes is a custom GLSL shader pixel blocks dissolving as you scroll, not a CSS filter. The stone texture on the typography is a canvas-mapped material.
A mechanical keyboard. In the browser. Fully interactive.
Every key physically depresses when pressed. The embedded displays play live content. The desk environment reacts to dynamic lighting. Every keystroke has its own mechanical click.
Built with Three.js, WebGL2, and HTML.
I came across @marina_uiux design , typography flowing like wind chimes from temple roofs. I loved it and it sparked an idea.
What if every wonder of the world was built from the language of its people?
So i created MIRABILIA - The Seven Wonders of the World webpage.