Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

I made an HTML/DOM viewer you can paste into your console to view or debug any website in 3D. Choose from random/gradient/clear colors or whether layers have sides. You can save it as a bookmarklet so it's 1 click away. It's just a tiny IIFE JS function.

Orion Reed

3,939 subscribers

864,087 views • 2 years ago •via X (Twitter)

Arts Science & Technology Education

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

DOM, JS, and CSS wizards: I made a DOM visualiser which you can run from the JS console, it almost works. If anyone can figure out how to handle z-ordering in 3D so that it looks like a solid stack of DOM slices I WILL 100% UNIRONICALLY BUY YOU A COFFEE!

DOM, JS, and CSS wizards: I made a DOM visualiser which you can run from the JS console, it almost works. If anyone can figure out how to handle z-ordering in 3D so that it looks like a solid stack of DOM slices I WILL 100% UNIRONICALLY BUY YOU A COFFEE!

Orion Reed

133,717 views • 2 years ago

✨ 3d models are now LIVE on Photo AI 😊 You can now turn any AI photo you make into a 3d model by pressing [ 📦 Make 3d model ] And then you can view it inside Photo AI or download it as a .GLB 3d model file It's still very early in AI generated 3d model world but it's nice to have this feature working already As always, the models will keep improving, so this feature will keep getting better (like it did with video, it sucked before, now it's getting passable) Next would be nice to switch to .USDZ so you can load it straight into your iPhone with ARKit and put it in your room Available now for everyone on the Premium and Ultra plan

✨ 3d models are now LIVE on Photo AI 😊 You can now turn any AI photo you make into a 3d model by pressing [ 📦 Make 3d model ] And then you can view it inside Photo AI or download it as a .GLB 3d model file It's still very early in AI generated 3d model world but it's nice to have this feature working already As always, the models will keep improving, so this feature will keep getting better (like it did with video, it sucked before, now it's getting passable) Next would be nice to switch to .USDZ so you can load it straight into your iPhone with ARKit and put it in your room Available now for everyone on the Premium and Ultra plan

@levelsio

112,930 views • 1 year ago

I made a DIY TweetDeck! And not just for Twitter - you can stick almost any website/window into it [link's in the bio - it's free and open-source]

I made a DIY TweetDeck! And not just for Twitter - you can stick almost any website/window into it [link's in the bio - it's free and open-source]

Vadym is elsewhere too

24,579 views • 3 years ago

Relight in Adventure AI is very good You can change the lighting direction of any image, add colors, and choose whether it is day or night. Not using this as a support tool in your work as a designer is a waste of time.

Relight in Adventure AI is very good You can change the lighting direction of any image, add colors, and choose whether it is day or night. Not using this as a support tool in your work as a designer is a waste of time.

Matthew

41,116 views • 6 months ago

I was so flabbergasted by this that I built a tool just to convert recipes into this format. Upload any URL, image, or text and get back a neat table that you can paste into sheets or export as PNG. Fully free at ❤️

I was so flabbergasted by this that I built a tool just to convert recipes into this format. Upload any URL, image, or text and get back a neat table that you can paste into sheets or export as PNG. Fully free at ❤️

Nic0le

440,958 views • 7 days ago

🧍 Very cool idea So I added it to Photo AI as a T-Pose photo pack you can use to create a moving (or dancing) 3d model of yourself It auto-generates the correct T-Pose of your model immediately and then converts it into a 3D model you can download (as .fbx) and instantly import into valentina Mendez Mendez to rig it After rigging you can add any movement from Mixamo to move it however you want

🧍 Very cool idea So I added it to Photo AI as a T-Pose photo pack you can use to create a moving (or dancing) 3d model of yourself It auto-generates the correct T-Pose of your model immediately and then converts it into a 3D model you can download (as .fbx) and instantly import into valentina Mendez Mendez to rig it After rigging you can add any movement from Mixamo to move it however you want

@levelsio

140,555 views • 6 months ago

Usually when I save a website URL it's because -I want to save the website design exactly how it is in that point in time -I want to know what frontend/animation trickery they did whether its just raw code or some framework so i made a site where I just drop the url -> get a screenshot + screen recording to capture any animations I found interesting a non-trivial amount of my notion links don't resonate with me due to redesigns and I think this is the simplest fix. Just like my notion list it lives in a browser tab and is still paste->enter->move on

Usually when I save a website URL it's because -I want to save the website design exactly how it is in that point in time -I want to know what frontend/animation trickery they did whether its just raw code or some framework so i made a site where I just drop the url -> get a screenshot + screen recording to capture any animations I found interesting a non-trivial amount of my notion links don't resonate with me due to redesigns and I think this is the simplest fix. Just like my notion list it lives in a browser tab and is still paste->enter->move on

Sabina

38,649 views • 4 months ago

✨ Made a new mini feature on Photo AI: [ Grab from 3d model ] So the problem is we're at that stage in time (typical for AI) where image-to-3d models are not good enough but are fun to play with, but we know they'll be good enough in 1-2 years With [ Make 3d model ] you already can turn any Photo AI pic into a 3d model but it still looks hyper clunky and deformed, but it works! One cool idea I had to make that more useful and made now: Let people make a 3d model then change the view of the it with the 3d viewer, then press [ o ] and it grabs a frame of the 3d That image you can then [ Remix ] (img2img), and it becomes a real photo again and that in turn you can then turn into a video again with [ Make video ] So that essentially gives you a fully freeform camera position control to take photos with One thing I need to fix is the background/skybox, I kinda need to take the original photo and remove the person and just get the background for the 3d model viewer, in this case it should be white, but it's a start!

✨ Made a new mini feature on Photo AI: [ Grab from 3d model ] So the problem is we're at that stage in time (typical for AI) where image-to-3d models are not good enough but are fun to play with, but we know they'll be good enough in 1-2 years With [ Make 3d model ] you already can turn any Photo AI pic into a 3d model but it still looks hyper clunky and deformed, but it works! One cool idea I had to make that more useful and made now: Let people make a 3d model then change the view of the it with the 3d viewer, then press [ o ] and it grabs a frame of the 3d That image you can then [ Remix ] (img2img), and it becomes a real photo again and that in turn you can then turn into a video again with [ Make video ] So that essentially gives you a fully freeform camera position control to take photos with One thing I need to fix is the background/skybox, I kinda need to take the original photo and remove the person and just get the background for the 3d model viewer, in this case it should be white, but it's a start!

@levelsio

119,210 views • 1 year ago

To get your website seen on ChatGPT, Gemini, and the rest, do this: 1. Add a detailed summary about your product or services as an llms.txt file on your website 2. Then submit the page to these websites: - - 3. ( Optional ) You can also submit it to Google Search Console Thank me later

To get your website seen on ChatGPT, Gemini, and the rest, do this: 1. Add a detailed summary about your product or services as an llms.txt file on your website 2. Then submit the page to these websites: - - 3. ( Optional ) You can also submit it to Google Search Console Thank me later

Tomilola • Software Engineer

233,277 views • 5 months ago

Did you know you can add sources to NotebookLM from anywhere on your phone? Whether you're reading an article, watching a video, or doom scrolling— if you want to learn more, just share that page directly to NotebookLM to add it to an existing notebook or create a new one.

Did you know you can add sources to NotebookLM from anywhere on your phone? Whether you're reading an article, watching a video, or doom scrolling— if you want to learn more, just share that page directly to NotebookLM to add it to an existing notebook or create a new one.

NotebookLM

55,962 views • 10 months ago

I kept getting distracting while vibe coding… so I made a notch for Claude Code It updates the status, pings you when you need to answer a question and notifies you when the task is done When it detects claude is working it also prevents my macbook from going to sleep I can walk away from my macbook. Or watching a youtube video. And I'll get an alert when it's done.

I kept getting distracting while vibe coding… so I made a notch for Claude Code It updates the status, pings you when you need to answer a question and notifies you when the task is done When it detects claude is working it also prevents my macbook from going to sleep I can walk away from my macbook. Or watching a youtube video. And I'll get an alert when it's done.

Adam Lyttle

523,642 views • 4 months ago

This is the Rajasthan government’s official website for bus ticket booking. You will not receive any OTP on your phone or email. To get the OTP, you have to open the browser’s Network tab and inspect the request manually. In short, only a developer can book tickets on this website I don’t know whether I should laugh or cry?

This is the Rajasthan government’s official website for bus ticket booking. You will not receive any OTP on your phone or email. To get the OTP, you have to open the browser’s Network tab and inspect the request manually. In short, only a developer can book tickets on this website I don’t know whether I should laugh or cry?

Abhijit

635,468 views • 6 months ago

You couldn’t have an outburst like this at literally ANY job in America, or you’d be fired, but you can do it to the president? As a member of congress?? Okay

You couldn’t have an outburst like this at literally ANY job in America, or you’d be fired, but you can do it to the president? As a member of congress?? Okay

Meech

1,689,690 views • 3 years ago

🤩 I just learned a super cool trick! Do you know how sometimes you want to record while you scroll on a website, like for a demo or something... But by using the mouse to scroll it turns out to be kinda janky and it doesn't look very good? No? Just me? 🤭 Well, I found out that if you paste this code in the console of your browser: ` setInterval(() => window.scrollBy(0, 4), 16); ` You can make the browser automatically scroll for you! And it looks super cool in the recording! 😎

🤩 I just learned a super cool trick! Do you know how sometimes you want to record while you scroll on a website, like for a demo or something... But by using the mouse to scroll it turns out to be kinda janky and it doesn't look very good? No? Just me? 🤭 Well, I found out that if you paste this code in the console of your browser: ` setInterval(() => window.scrollBy(0, 4), 16); ` You can make the browser automatically scroll for you! And it looks super cool in the recording! 😎

Florin Pop 👨🏻‍💻

29,839 views • 10 months ago

✨ Era now finds ways to improve your personal finances, and helps you automate them! In just a few taps you can set up an automation to set aside a little cash every week or month. Best part: it works across any of your connected accounts. It's just one way Era is always looking out for you and your money.

✨ Era now finds ways to improve your personal finances, and helps you automate them! In just a few taps you can set up an automation to set aside a little cash every week or month. Best part: it works across any of your connected accounts. It's just one way Era is always looking out for you and your money.

era

319,882 views • 11 months ago

Also the [ 🌐 Make 3d model ] feature on Photo AI has been upgraded to Tripo's new state of the art model So you can turn any AI photo or video you took into a 3d model in about a minute AI 3d models are not photorealistic yet, but as you see they're getting closer Before the face was completely distorted, now it's at least visible but still cartooney looking! 👍

Also the [ 🌐 Make 3d model ] feature on Photo AI has been upgraded to Tripo's new state of the art model So you can turn any AI photo or video you took into a 3d model in about a minute AI 3d models are not photorealistic yet, but as you see they're getting closer Before the face was completely distorted, now it's at least visible but still cartooney looking! 👍

@levelsio

47,093 views • 11 months ago

💡 𝗘𝘃𝗲𝗿 𝘄𝗼𝗻𝗱𝗲𝗿𝗲𝗱 𝘄𝗵𝗮𝘁 "𝗧𝗲𝗻𝗲𝗼" 𝗺𝗲𝗮𝗻𝘀? In Latin, teneo translates to "I hold," "I possess," or "I maintain." It's about ownership, control, and retention. In today's digital age, this concept is more relevant than ever. Do you truly own your data? Or is it being held by others? With platforms like Teneo, you can reclaim your digital sovereignty. It's time to ask yourself: - Do you own your data? - Do you control how it's used? - Are you benefiting from it? If not, perhaps it's time to consider a change. 👉

💡 𝗘𝘃𝗲𝗿 𝘄𝗼𝗻𝗱𝗲𝗿𝗲𝗱 𝘄𝗵𝗮𝘁 "𝗧𝗲𝗻𝗲𝗼" 𝗺𝗲𝗮𝗻𝘀? In Latin, teneo translates to "I hold," "I possess," or "I maintain." It's about ownership, control, and retention. In today's digital age, this concept is more relevant than ever. Do you truly own your data? Or is it being held by others? With platforms like Teneo, you can reclaim your digital sovereignty. It's time to ask yourself: - Do you own your data? - Do you control how it's used? - Are you benefiting from it? If not, perhaps it's time to consider a change. 👉

Teneo Protocol

151,977 views • 1 year ago

You’re always in the driver’s seat. Connecting your Google apps to Gemini remains an opt-in experience that you can adjust in your settings at any time. If an image isn't quite right, just tell Gemini what to adjust. You can also check the "Sources" button to see what guided a creation, or tap "+" to choose your own reference photo.

You’re always in the driver’s seat. Connecting your Google apps to Gemini remains an opt-in experience that you can adjust in your settings at any time. If an image isn't quite right, just tell Gemini what to adjust. You can also check the "Sources" button to see what guided a creation, or tap "+" to choose your own reference photo.

Google

28,449 views • 3 months ago

Know something about #KnifeCrime in your area? It's not just about naming names. Any info you can give to Crimewatch UK however small, can help build a picture and make a difference. Call 0800 555 111 or report online anonymously⬇️

Know something about #KnifeCrime in your area? It's not just about naming names. Any info you can give to Crimewatch UK however small, can help build a picture and make a difference. Call 0800 555 111 or report online anonymously⬇️

Metropolitan Police

90,484 views • 3 years ago

NEW HTML VIDEO SKILL: Claude can now make photo-grid promo video ads like these. These are very popular offer-style ads that work well for bottom-of-funnel conversions. Brands will often run these when they're doing seasonal sales, for example. It's pure HTML, so it's very cheap to make because there's no video generation cost. You can create dozens of variants very fast and then test them in Meta. All you have to do is install the skills and give Claude your brand website. This skill is insane - it'll make the entire Ad and give you a link where you can download the mp4 file. > If you want more variants, just mention in the prompt > If you have a specific concept in mind, just mention in the prompt > If you want any edits on the generated ad, just mention in the prompt Comment Goose and I'll DM you the skill (must be following so I can DM you)

Shiv

91,853 views • 20 days ago