Flexbox in 3d?? How is this even possible 

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

How to center in 3D D:

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!

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

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

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

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

weird flex but ok

Flexbox in 3d is not achievement we should be worried

This is insane. I have to try how well it works with Gameface. It would be super cool to make game UIs with this library

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

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.

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

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.

looking back and walking forward doesnt mean you are actually working forward. can we please stop this bullshit and actually focus on stuff that would make things more performant?

is software engineering overhyped ? because of these so called indian youtubers glamorize it ?

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

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

Reminds me of the PaperVision3D days.

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.

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 :-)

Hasnt there been a Svelte 3D library for some time now? But as far as I can remember it was only a proof of concept

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.

R3F dev here, stoked to play with this!

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.

is software engineering overhyped?

I like how devs still push examples that doesn’t work with out of the box configs 😊

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

lol F accessibility, 100% F it

It's a nice idea, but I'm not integrating an always running browser into Unreal, Unity or Godot or similar just to run a UI like this, and even if I did it would likely not be performant enough for most games, let alone AR / VR application. Remember that the target for that is at least 90 fps, preferably 120+, and you also still have a game to run next to that.

2024: we can render a button! This a revolutionary

For the AI bros, this right here is why AI won't replace software developers for decades. This is a unique bit of software that AI has never been trained on and does not have emergence to create apps like this. Learning this and figuring out how to make cool stuff with it is what you'll be doing as an engineer.

I feel like this is just Declarative style programming for 3D, which isn't really anything new, but there's a ton of room for improvement with the workflows involved in that

I might use this for temporarily banned users... It'd be super entertaining to just make their experience hilariously bad while they're on "timeout".

it's always funny to see front end devs rediscovering things that are considered old tech in other areas XD like WOW now we can render UI in opengl inside a canvas , game devs and imgui users are laughing so hard right now .

I wonder if some people will like this because it would be much harder to scrape it for AI training. (not impossible, though).

ei theo can you please make videos of 10 minutes rather than 20? I dont mind if you post double as much but I prefer shorter content. sometimes is difficult to allocate 20 min

2026: How to make websites with Source engine. This is so cool, you can render at 80fps, unseen on web before

it's weird not just putting the styling inside className. But I'm not a webdeveloper so what do I know

I've been a web dev for 10 years and the number of times I have tried to figure out why a page element is missing and it turned out to be something stupid like 'height: 100%' causing the element to collapse is mind-boggling.

this is just flutter but with 3d access

wow simple laptop have barely have juice to render the site and this is so cpu intensive not even usable wtf

Why does your lip always look like it's running away from your teeth?

Bro got skill issued in the middle of the video.

That looks really cool and completely useless. Very impressive

1995 VRML flashbacks:

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

r3dy ui is a similar (much worse version of this)

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

when he says go back to the 360 era at 4:53, I don't think he realizes that console came out 19 YEARS AGO

Super hyped, this will make developing 2D with 3D so much easier than using html elements 😊

Thanks I hate it (as a 3D programmer)

this is super cool but i dont need this use case

heavy dose of copium around 7:33

Can I create a VR app now in React?

Flutter done right?

A usecase for vision pro lol 😂

this looks fun, but seems will cause debugging nightmare

What about accessibility?

Ai proof your websites!

6:42 this is why JavaScript is the worst language

Well, Adobe Flash is coming back…

Grid works in 3D.

Macromedia Flash, been there, done that.

Yayy. Flash!

Please STOP!! 🤣

as a vr dev, im hyped

That's cancer

What exactly is UIkit? I see that word used in a lot of different contexts (e.g. as a web thing, or as being compared to Apple SwiftUI) and I can't quite wrap my head around it.

LET HIM COOK

Soooooooo - Flash AS3.0 - well, almost. Still a few years away. Rustwasm is bringing us closer - but this will help.

flexcube

or you could use A-Frame …

i read firefox in 3d 🤦‍♂️

React bros goes crazzzy

flashify all the things

7:08 france jumpscare

Now let’s add RSC

it sound like a lot of core here

them designers are coming

15:05 Matching cubes lmao marchine cubes theo

Awesome 👏

what is the current web browser are you using now ?

Canvas is next flash

hey man this is coool , more 3d stuff , maybe i can get job finally , and get the woman...

Make a video on directus cms. Best best best headless cms I have ever used.

Cool. Cool, cool, cool. - Abed

wow more eye candy bloat, just what the javascript/web ecosystem needs

did I see this live or is this a re-upload? I've definitely seen this before

7:19 yeah, that’s why I hate dynamic languages like JS and Python. Cuz it doesn’t say what’s broken.

Yoga for multiple languages means it's supported in java, nodejs and c++ ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-wS3EmNgrfcw.htmlsi=c5uRflFlqaFgo6mG&t=233