After more than a decade working with 3D graphics on the web, nothing has been more fun or magical to play with than transmission, IOR, and bump/env maps (thank you Three.js and now WebGPU).
I put together this rough diamond configurator so you can try it yourself.
And you are right. That's what makes 3D tough right now. Without webgpu, there can be a big cost to adding 3D content to a site, that in many cases may not be worth it. But on the other hand, we're hoping that this is a good time to jump into this space!
This is absolutely fantastic. I love it. Works great on about 80% of the website elements I've tried across about 10 websites now.
I tried it on our site, and was able to completely replicate some of our most esteemed components.
A few sites wont allow the selection. I activate the select mode then hover over elements, and it won't pick up on anything. Not that is has me wondering how I could have our own site prevent people from copying it as well.
> I activate the select mode then hover over elements, and it won't pick up on anything.
Did you have these pages (the tab itself) open before you installed the extension? Try refreshing the page and seeing if that works, so that Chrome knows the extension is now available on that page.
If that doesn't fix it, I would love to know what sites don't allow selection at all, I actually haven't seen that before: alex [at] magicpatterns.com
And finally, thanks for the kind words!! Here to help if you need anything.
11/10 creativity.