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.

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

OpenAI Developers

356,279 subscribers

927,039 views • 1 year ago •via X (Twitter)

Science & Technology News & Politics Education

Anya Rossi• Live Now

Private livecam show

10 Comments

OpenAI Developers1 year ago

We’re rolling this out today. To get started, select OpenAI o1 from the model picker, then type "/canvas" or choose canvas from the toolbox.

PDF GPT1 year ago

Everyone is getting ahead with AI. You should be too. Summarize documents, craft emails, and generate custom content instantly with this powerful tool. It's like having ChatGPT tailored for your job. Try it for free.

ρ:𝗀eσn1 year ago

will o3-mini be able to use canvas when it comes out this month?

Robert Lukoszko1 year ago

When will the deployment on a website happen?

CommonSenseOnMars1 year ago

oh snap 😍

edwin1 year ago

@ilanbigio sucks at chemistry

Ian Andrich1 year ago

what about o1-mini and o3-mini canvas?

Hamza1 year ago

bro sucks on chemistry 🧐

Fernando Gonzalez1 year ago

This is amazing

nox1 year ago

how do you even finish anything with this request limit?

Related Videos

you can now use o1 to code in chatgpt canvas, and it renders html and react apps used it to quickly build a windows 95 sim! iterated on it within chatgpt—adding minesweeper, notepad files that can be saved and edited, even pointer traillssssss

you can now use o1 to code in chatgpt canvas, and it renders html and react apps used it to quickly build a windows 95 sim! iterated on it within chatgpt—adding minesweeper, notepad files that can be saved and edited, even pointer traillssssss

edwin

326,099 views • 1 year ago

OpenAI keeps working on Canvas rendering for HTML pages. Now it can render HTML pages seamlessly and also has a new loading animation. React Canvases seem to get a bit broken 👀 * This feature is still in development and not available to the public 🚧

OpenAI keeps working on Canvas rendering for HTML pages. Now it can render HTML pages seamlessly and also has a new loading animation. React Canvases seem to get a bit broken 👀 * This feature is still in development and not available to the public 🚧

TestingCatalog News 🗞

50,710 views • 1 year ago

Canvas now also works with GPTs.

Canvas now also works with GPTs.

OpenAI

143,944 views • 1 year ago

You can also use ChatGPT search and canvas.

You can also use ChatGPT search and canvas.

OpenAI

178,934 views • 1 year ago

Now you can chat with ChatGPT over video and voice in real time.

Now you can chat with ChatGPT over video and voice in real time.

OpenAI

197,949 views • 1 year ago

Now you can run Python code directly in canvas, and let ChatGPT fix any bugs based on console errors.

Now you can run Python code directly in canvas, and let ChatGPT fix any bugs based on console errors.

OpenAI

182,065 views • 1 year ago

WOW! ChatGPT Canvas can now build React apps! Here is my first little Canvas app that lets me upload images and then it uses OpenAI vision API to explain them. Anyone can build apps in a matter of seconds. It can even call APIs! So cool!

WOW! ChatGPT Canvas can now build React apps! Here is my first little Canvas app that lets me upload images and then it uses OpenAI vision API to explain them. Anyone can build apps in a matter of seconds. It can even call APIs! So cool!

elvis

217,738 views • 1 year ago

You can now chat with apps in ChatGPT.

You can now chat with apps in ChatGPT.

OpenAI

9,344,258 views • 8 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!

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

414,938 views • 1 year ago

ChatGPT can now work directly with more coding and note-taking apps—through voice or text—on macOS.

ChatGPT can now work directly with more coding and note-taking apps—through voice or text—on macOS.

OpenAI

536,125 views • 1 year ago

got html-in-canvas working with polyfill in all browsers including safari. and it works better than in canary(for now) send me your examples to try out

got html-in-canvas working with polyfill in all browsers including safari. and it works better than in canary(for now) send me your examples to try out

Palash Bansal

16,056 views • 2 months ago

OpenAI just dropped ChatGPT for macOS Now ChatGPT can work with your Xcode to build your iPhone apps. Available for Plus and Team Users. 🧵

OpenAI just dropped ChatGPT for macOS Now ChatGPT can work with your Xcode to build your iPhone apps. Available for Plus and Team Users. 🧵

Min Choi

814,457 views • 1 year ago

Canvas—a new way to work with ChatGPT to draft, edit, and get feedback on writing & code—is now available to all users in our 4o model. It’s fully rolled out on web and the ChatGPT desktop app for Windows.

Canvas—a new way to work with ChatGPT to draft, edit, and get feedback on writing & code—is now available to all users in our 4o model. It’s fully rolled out on web and the ChatGPT desktop app for Windows.

OpenAI

653,714 views • 1 year ago

Introducing Agent React DevTools. AI agents can now inspect React apps beyond the UI: → Component tree and state → Renders and performance → Structured output for debugging Works with React and React Native. Learn more ⬇️

Introducing Agent React DevTools. AI agents can now inspect React apps beyond the UI: → Component tree and state → Renders and performance → Structured output for debugging Works with React and React Native. Learn more ⬇️

Callstack Engineers

18,203 views • 2 months ago

OpenAI just announced Canvas, a new way to code with ChatGPT. Seems like OpenAI doesn't want to just be the platform layer.

OpenAI just announced Canvas, a new way to code with ChatGPT. Seems like OpenAI doesn't want to just be the platform layer.

MatthewBerman

152,651 views • 1 year ago

VFX-JS supports HTML-in-Canvas now. You can turn HTML element into a WebGL texture. It automatically detects the browser and fallback to the old SVG foreignObject workaround. So it works on Chrome, Firefox, and Safari, of course! #WebGL #VFXJS #Codepen

VFX-JS supports HTML-in-Canvas now. You can turn HTML element into a WebGL texture. It automatically detects the browser and fallback to the old SVG foreignObject workaround. So it works on Chrome, Firefox, and Safari, of course! #WebGL #VFXJS #Codepen

𝘼𝙈𝘼𝙂𝙄

51,990 views • 2 months ago

html game created by o1 pro mode can't wait for the api OpenAI OpenAIDevs

html game created by o1 pro mode can't wait for the api OpenAI OpenAIDevs

gabriel

72,882 views • 1 year ago

Amazed by HTML-in-canvas demos? it's natively supported by HyperFrames and we built a catalog of effects anyone can use with one command $ npx hyperframes add html-in-canvas take your videos to the next level

Amazed by HTML-in-canvas demos? it's natively supported by HyperFrames and we built a catalog of effects anyone can use with one command $ npx hyperframes add html-in-canvas take your videos to the next level

HeyGen

501,788 views • 1 month ago