Flexbox in 3d?? How is this even possible

I am absolutely blown away with pmndrs/uikit. I always love what the poimandres crew is cooking but this is some next level stuff. React Three Fiber devs are eating good today

SOURCES

S/O Ph4se0n3 for the awesome edit 🙏

[abhinav.robinson]

Everyones gangsta until flex overflows and z-index bugs in 3D

[martijnvdven]

After making sure our React apps could take inline SQL just like the original PHP days, it is now time to make sure our React apps can inherit Flash as well!

[brandonwinston]

I started programming in 3d engines and when I started web dev i was surprised this kind of UI wasn't around.

[fev]

you know what, this is actually a great way to avoid web scrappers

[shapelessed]

If your fan starts spinning then there's a simple solution.
Take it out 👀

[dvw]

Reminds me of those good old Flash swf pages 20 years ago

[WhatsuppFudd]

The rant part on the canvas bug is food for thought on how little skills on drawing (2d or 3d) exist in web dev community. Just as D3S seems like a game changer but at the end of the day it's just a thin wrapper on svg, a new version of VRML minus an event/transition model is not going to change the fundamentals on the lack ef visualization skillsets in the web ui/ux world.

[jamesryan]

Would a hidden, unstyled, static dom copy work for a11y?

[staaky]

the b5x-stateful error message could be from a browser extension, 1password currently has that bug

[ego-lay_atman-bay]

I use a block based programming language (like scratch) called snap, which uses morphic.js, a canvas ui library that the snap dev made (it's a reimplementation of morphic in javascript). It's not the best canvas ui library, but it is still pretty good.

[kubre]

Flexbox in 3d is not achievement we should be worried

[Fanaro]

It is mindboggling that it took this long for us to get here though, considering that 3D videogame interfaces have existed for decades and decades by now.

[craigalbert]

Looks like their own docs didn't put a size on the Canvas element.

[snatvb]

I am from big game dev and work on big product. So, yes, we use React & Typescript to build GUI :)
so, we had xml as language to describe scenes in games. Now we got jsx - that really powerful and gives you a lot of possibilities :) I hope this will continue to develop

[oneeyefpv]

Kind of ironic that Theo hates on Flutter / Dart, but props this library ... lots of bias going on

[karlgustav]

Actually 3d accessibility is not that difficult using web components. I’m currently building my own web component factory, but you can probably go with something like a-frame or lit components. The trick is to have to host component not use shadow Dom directly, but to add a child Div and put the canvas in a shadowroot in there. That way all simblings inside the host web component can receive keyboard input and tab focus. There is absolutely no need for r3f a11y that way. I implemented it as a wrapper around react components, using a component context to communicate between the react world and the webcimponent world, but I did this for convenience. Also using r3f you can set the frameloop to „demand“ then you MacBook stops glowing :-)

[codeChuck]

1. What do I think?
- I think, that I should do some project for me and make money on it.
2. Is the future 3D?
- The future sites are same old 2D, but with 3D embeds for better experience,
as you said. Some of them would be entirely in 3D.
- Also the example you showed sucks hard, because I hate useless moving parts
on the screen, that block actual useful UI. And UI should be static. Moving
parts are good in video games.
3. Should we expect more component libraries to show up and challenge the way we
think about things?
- What? Of course! What kind question this is? We are JS devs! New lib or
update everyday! Deploy to prod on save!
4. Is this a real competitor for the old days of flash?
- Why not? It better to be fast, and do not burn the video card in the
process.

[AvanaVana]

15:00 pronounced “dry”. As in German, for…3. As in R3F & 3D.

20:45 ew…no. I was an old macromedia flash and director (also…quark immedia…anyone remember that one??) developer years ago, but some things should just stay dead.

[TBTapion]

I wish these things were made more framework agnostic
Edit: pressed post a little too quickly. This is incredibly cool though. The flexibility of just having normal dom elements like this in the canvas is great

[dimpleyadav]

I wonder if i can use this to make my spline tool canvas tag responsive or maybe i can embed my spline scene thru uikit and ditch spline tool altogether