Skip to content
native cook
Esc

Loading the catalog…

Eyewear Lens Tint


The product page of an invented eyewear shop, laid out from a Pinterest pin of a sunglasses shop: a studio portrait fills the screen, the model in round titanium glasses (the portrait is generated for the block); the menu and search; four tints as glass droplets down the right edge; a white card rising out of a soft veil with a round down button, SUNGLASSES and $220, a rating, a line, ADD TO BAG and the wishlist, in PT Sans. The lenses are drawn on WebGPU (TypeGPU-resolved WGSL) over the portrait: the face behind each, seen a little smaller through a minus lens, the light the tint keeps in a gradient darker at the top, the studio's window as a curved highlight, the tint's own glow low in the lens and a bright rim. Flat tinted circles stand in where WebGPU is missing.

Category
Cards
Added
Nov 1, 2026
Stacks
RN · Swift · Kotlin

Is this your design? Ask for a correction or removal

React Native · Expo SDK 52+, TypeScript

✦ If the result drifts from the video, tell your agent what looks different and how it should look. A short correction usually closes the gap.