pmndrs/uikit by Bela Bohlender is fully responsive via flexbox, built on the yoga layout engine. making UI in webgl opens up interesting possibilities: effects, 2.5D & 3D navigation, perspective shift, parallax, more to come ... very early dev preview

also possible to exchange background materials, for instance MeshPhysicalMaterial with transmission + roughness for frosted glass.

maybe this needs more context, this is meant to bring UI to where there is none: threejs, webGL, webGPU, AR, VR, games, etc. it isn't strictly meant to replace web sites, thought perhaps it could break some norms. a11y & seo, quite possibly yes

@BelaBohlender So you're telling me I won't need CSS anymore and have more control over the appearance? 🤯

@BelaBohlender well, i think for now this is for specific purposes, like games, canvas + webgl stuff, ar, vr and apple vision. you could make a traditional web site with out of this world effects, but we will see ...

@BelaBohlender i need a demo link here;

@BelaBohlender @ken_wheeler

@BelaBohlender but what about ... *checks notes* 🌈 accessibility!? 🙌

@BelaBohlender react three fiber has always had a11y for webgl this gives you full support, screen readers, tabbing, focus rings, roles, ... the beauty of components is that they are interoperable and composable. things that have no relation to one another will compose.

@BelaBohlender Aside from amazing tech possibilities . Imagine going to a site suddenly start to see wobbly and blurry. Lmao

@quantondev @BelaBohlender i don't think anyone would do it. but something like this will be possible UI's that aren't 2d any longer but 2.5d or 3d, with things flying out or the camera rushing into new spaces. it could break the norm.