Twenty Two Labs Refraction · checking…

Twenty Two Labs · Lab

I saw it. Then I rebuilt it.

The liquid glass you're dragging around this page is inspired by a brilliant write-up on kube.io. I didn't install a library or paste a snippet - I rebuilt the whole thing from scratch.

The refraction is real optics: light bent through a glass bezel with Snell's law. The displacement and specular maps are generated in your browser, live, with zero dependencies. Even the “22”-shaped lens comes from a distance-transform I wrote by hand. Drag the lens across this line and watch it bend the letters.

A random photograph - drag the glass lens across it to bend the light.
Random photo · Lorem Picsum - drag the lens across it

I do this because I like hard problems. Show me something you think can't be done on the web, and I'll find a way - properly, from first principles, and shipped. That's the whole job: turning “is this even possible?” into “here, drag it.”

Twenty Two Labs - software built by someone who actually gives one. owtwentytwo.com →

Physically-based refraction (Snell's law) · maps generated live in-browser · zero libraries

drag me

Lens live