Loading video...

Video Failed to Load

Go Home

I converted all my best HTML templates into full React sites and it’s 100% working. Can't believe I vibe-coded this tool. You can turn any html to react with full design & code edit features, unicorn studio and font assets.

MengTo's profile picture

Meng To

174,899 subscribers

36,016 views • 7 months ago •via X (Twitter)

Science & TechnologyEducation
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

This is the prompt builder I wish I had when I started vibe coding I did over 10,000 prompts and I put all my knowledge of UI into this builder. It has all the layout, color, typography and animation styles you can think of. It can even input html, figma url and adapt from hundreds of templates to create the perfect UI for you. Perfect for beginners and design explorations.
0:59

This is the prompt builder I wish I had when I started vibe coding I did over 10,000 prompts and I put all my knowledge of UI into this builder. It has all the layout, color, typography and animation styles you can think of. It can even input html, figma url and adapt from hundreds of templates to create the perfect UI for you. Perfect for beginners and design explorations.

Meng To

126,497 views • 1 year ago

ChatGPT with canvas now works with OpenAI o1—and can render HTML and React.
1:51

ChatGPT with canvas now works with OpenAI o1—and can render HTML and React.

OpenAI Developers

927,607 views • 1 year ago

My Figma to AI Code plugin is live Turn your designs into production-level code generated by Claude AI. Create React components, SwiftUI prototypes, HTML+CSS pages, Tailwind styles with custom prompts. Preview for responsiveness and export fully working code to Cursor and Xcode. It's free with your own API keys
0:29

My Figma to AI Code plugin is live Turn your designs into production-level code generated by Claude AI. Create React components, SwiftUI prototypes, HTML+CSS pages, Tailwind styles with custom prompts. Preview for responsiveness and export fully working code to Cursor and Xcode. It's free with your own API keys

Meng To

76,193 views • 1 year ago

Today, we’re releasing the beta of HTML to React to the public. It’s stupid powerful. ⬇️ Watch how fast I can go from seeing a design I like on an a website to getting a personalized React component. More examples of what this extension can do below
0:45

Today, we’re releasing the beta of HTML to React to the public. It’s stupid powerful. ⬇️ Watch how fast I can go from seeing a design I like on an a website to getting a personalized React component. More examples of what this extension can do below

Teddy Ni

226,367 views • 2 years ago

Vibe coding isn’t about over-engineering. It’s about using the right tool for the job. Sometimes that's React, but sometimes it's just good old HTML.
0:39

Vibe coding isn’t about over-engineering. It’s about using the right tool for the job. Sometimes that's React, but sometimes it's just good old HTML.

Anima

223,562 views • 10 months ago

been making a design tool where you and AI agents design together... claude code, cursor, or any cli agent can join the canvas and build with u infinite canvas, real components, everything in tailwind + html so you can just copy the code + eventually publish like any other site too
4:39

been making a design tool where you and AI agents design together... claude code, cursor, or any cli agent can join the canvas and build with u infinite canvas, real components, everything in tailwind + html so you can just copy the code + eventually publish like any other site too

Pablo Stanley

21,605 views • 8 months ago

I can't believe it, I've managed to create a HTML-in-Canvas beast with Ultramock 🔥 Load up any website/app into an interactive 3D scene and programatically animate all components beautifully:
0:34

I can't believe it, I've managed to create a HTML-in-Canvas beast with Ultramock 🔥 Load up any website/app into an interactive 3D scene and programatically animate all components beautifully:

Josh Millgate

22,337 views • 5 months ago

I designed and built this simple landing page from scratch using HTML, CSS, and JavaScript. Unto the next chapter REACT 💪
0:41

I designed and built this simple landing page from scratch using HTML, CSS, and JavaScript. Unto the next chapter REACT 💪

Benita Mbulu

14,430 views • 10 months ago

Can't believe it. Can't believe AI. I just vibe coded a diary with realistic page flip GSAP animations entirely using Gemini 3.1 Pro in Google AI Studio. And yeah… it’s fully responsive too. At this point what even is “development” anymore?? Live: Code:
0:26

Can't believe it. Can't believe AI. I just vibe coded a diary with realistic page flip GSAP animations entirely using Gemini 3.1 Pro in Google AI Studio. And yeah… it’s fully responsive too. At this point what even is “development” anymore?? Live: Code:

The Bugged Dev

54,910 views • 6 months ago

With Canvas in Gemini, you can: ⌨️ Write, iterate & preview React/HTML code 📝 Draft & edit comprehensive documents 🎨 Build interactive prototypes, games & visualization …and more. Simply select ‘Canvas’ in your prompt bar and you can write and edit documents or code, with changes appearing in real-time: Try it today and share your Canvas creations by tagging us here!
0:30

With Canvas in Gemini, you can: ⌨️ Write, iterate & preview React/HTML code 📝 Draft & edit comprehensive documents 🎨 Build interactive prototypes, games & visualization …and more. Simply select ‘Canvas’ in your prompt bar and you can write and edit documents or code, with changes appearing in real-time: Try it today and share your Canvas creations by tagging us here!

Google Gemini

415,283 views • 1 year ago

Introducing Beautiful HTML Templates: I made some stunning HTML slide templates & open-sourced them If you use this template system, it will literally be impossible for your agent to produce something ugly Link below
0:27

Introducing Beautiful HTML Templates: I made some stunning HTML slide templates & open-sourced them If you use this template system, it will literally be impossible for your agent to produce something ugly Link below

Zara Zhang

164,520 views • 6 months ago

over the last few months, I built bdocs internally at Base to do exactly this: publish, comment, and iterate on HTML docs with your agent! hey Google Docs team — can you add the ability to work in HTML so I can stop building this internal tool?
3:19

over the last few months, I built bdocs internally at Base to do exactly this: publish, comment, and iterate on HTML docs with your agent! hey Google Docs team — can you add the ability to work in HTML so I can stop building this internal tool?

jesse.base.eth

73,537 views • 5 months ago

You can now make videos like this using HTML. I didn’t believe it at first until the HyperFrames team showed me how they do it directly in Codex and Claude Code. Best of all, the tool is 100% free and open source. But you need to learn the right workflows to make the videos look great - including generating a frame.md, storyboards, and more. 📌 Subscribe to get our full tutorial tomorrow:
0:49

You can now make videos like this using HTML. I didn’t believe it at first until the HyperFrames team showed me how they do it directly in Codex and Claude Code. Best of all, the tool is 100% free and open source. But you need to learn the right workflows to make the videos look great - including generating a frame.md, storyboards, and more. 📌 Subscribe to get our full tutorial tomorrow:

Peter Yang

196,185 views • 4 months ago

I can't believe this worked... Gemini 4 Argon made a Jupiter/Moog combo synth in under 30 minutes. It's all in a single HTML file, and you can play with it here:
0:59

I can't believe this worked... Gemini 4 Argon made a Jupiter/Moog combo synth in under 30 minutes. It's all in a single HTML file, and you can play with it here:

Alex Patrascu

73,993 views • 25 days ago

You can now build mobile apps with HTML 🤯 Made possible by React Strict DOM See the codebase for a fully working POC here:
0:30

You can now build mobile apps with HTML 🤯 Made possible by React Strict DOM See the codebase for a fully working POC here:

nader dabit

155,399 views • 2 years ago

A super simple workflow to get DESIGN.md or HTML templates into Claude design. Grab from 400+ design systems and Claude will create the rest.
1:02

A super simple workflow to get DESIGN.md or HTML templates into Claude design. Grab from 400+ design systems and Claude will create the rest.

Meng To

89,602 views • 6 months ago

Make Stitch designs real with AI Studio From design to a live app in under 60 seconds. Here's how you can now take your Stitch designs and make them real with Google AI Studio: 1. Design in Stitch. 2. Export the HTML. 3. Prompt AI Studio to convert it into a working app. And the best part? This is the manual way. We're working on making this a 1-click experience. Consider this the warm-up.👟
1:00

Make Stitch designs real with AI Studio From design to a live app in under 60 seconds. Here's how you can now take your Stitch designs and make them real with Google AI Studio: 1. Design in Stitch. 2. Export the HTML. 3. Prompt AI Studio to convert it into a working app. And the best part? This is the manual way. We're working on making this a 1-click experience. Consider this the warm-up.👟

Stitch by Google

42,480 views • 1 year ago

My first React Native app😁 Can't believe I built this in a few days. What I struggled to achieve with Jetpack compose🤦‍♀️. I am definitely here to stay😊 Built with Expo, React navigation and Nativewind
1:31

My first React Native app😁 Can't believe I built this in a few days. What I struggled to achieve with Jetpack compose🤦‍♀️. I am definitely here to stay😊 Built with Expo, React navigation and Nativewind

Silver Idahosa

35,099 views • 2 years ago

HEYGEN JUST OPEN-SOURCED HYPERFRAMES, A FREE TOOL THAT TURNS HTML INTO FULL VIDEOS. BUILD WITH CODE, VERSION WITH GIT, AND LET AI AGENTS GENERATE HUNDREDS OF VARIANTS AUTOMATICALLY.
0:37

HEYGEN JUST OPEN-SOURCED HYPERFRAMES, A FREE TOOL THAT TURNS HTML INTO FULL VIDEOS. BUILD WITH CODE, VERSION WITH GIT, AND LET AI AGENTS GENERATE HUNDREDS OF VARIANTS AUTOMATICALLY.

0xMarioNawfal

49,695 views • 1 month ago