Item logo image for ChatGPT Code Previewer

ChatGPT Code Previewer

Featured
2.5(

4 ratings

)
ExtensionDeveloper Tools981 users
Item media 2 screenshot
Item media 3 screenshot
Item media 1 screenshot
Item media 2 screenshot
Item media 3 screenshot
Item media 1 screenshot
Item media 2 screenshot
Item media 1 screenshot
Item media 2 screenshot
Item media 3 screenshot

Overview

A simple extension to render HTML (with CSS and JS), SVG, and Markdown code generated by ChatGPT directly on the page.

A simple extension to render HTML or SVG code generated by ChatGPT directly on the page. When you ask ChatGPT coding questions, it outputs the raw code for you. Then you need to copy paste the code locally, or to CodePen etc. to view it. No more manual copy-pasting! With this extension, the rendered code will directly show on the chat thread, with a toggle switching between code & preview. Works on HTML and SVG code blocks. And if you want to edit the code, this extension also provides ONE-CLICK to open the code in CodePen!

2.5 out of 54 ratings

Google doesn't verify reviews. Learn more about results and reviews.

Review's profile picture

Dor HershkoAug 12, 2024

Not working

Review's profile picture

Davi KhouriJun 20, 2024

Great idea, but I can't see the button. :(

Review's profile picture

Andrés FontalvoApr 20, 2024

No found, so bad

1 person found this review to be helpful

Details

  • Version
    1.3
  • Updated
    August 14, 2023
  • Offered by
    yangguang
  • Size
    36.33KiB
  • Languages
    English
  • Developer
    Email
    liyangguangcn@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Related

ChatGPT Utilities by innaton.com

3.3(12)

ChatGPT Utilities to make working with ChatGPT more efficient. Starting with a smart 'continue' button.

ChatGPT Code Downloader

3.0(6)

Adds a 'Create File' button to code containers on web pages, allowing you to download the code as a file.

WindChat-ChatGPT Tailwind CSS React Previewer

4.0(4)

Preview React and TailwindCSS code in real-time within the ChatGPT chat window, without the tedious copying and pasting.

ChatGPT HTML previewer

3.0(2)

Adds an 'Open in new tab' button to every ChatGPT HTML output.

RunGPT: Execute ChatGPT Code

3.1(16)

RunGPT: Execute ChatGPT Code - run/execute code directly in ChatGPT with a single click! Web requests, data parsing, plots & more!

ChatGPT Code Runner

3.5(4)

Run and save the code in ChatGPT. Supports upto 70+ languages.

Power Prompt For ChatGPT & OpenAi

3.0(2)

Power Prompt - Enhance ChatGPT interaction. Seamless conversations. Choose models, save templates, set temp, length & tokens.

ChatGPT Extra

5.0(1)

Dynamically renders HTML code blocks inline as the page is being created.

SaaS Assistant for ChatGPT

5.0(5)

Use this extension to take the most of ChatGPT and grow your SaaS. Curated by the community, updated every week.

RenderGPT

5.0(1)

A Chrome extension to render HTML/JavaScript/CSS from ChatGPT into iframes.

ChatGPT Prompt List

4.5(11)

A Chrome extension that allows you to create a list of prompts to feed to ChatGPT.

JPT - ChatGPT Code Interpreter

4.1(8)

ChatGPT's code interpreter plugin as a chrome extension

ChatGPT Utilities by innaton.com

3.3(12)

ChatGPT Utilities to make working with ChatGPT more efficient. Starting with a smart 'continue' button.

ChatGPT Code Downloader

3.0(6)

Adds a 'Create File' button to code containers on web pages, allowing you to download the code as a file.

WindChat-ChatGPT Tailwind CSS React Previewer

4.0(4)

Preview React and TailwindCSS code in real-time within the ChatGPT chat window, without the tedious copying and pasting.

ChatGPT HTML previewer

3.0(2)

Adds an 'Open in new tab' button to every ChatGPT HTML output.

RunGPT: Execute ChatGPT Code

3.1(16)

RunGPT: Execute ChatGPT Code - run/execute code directly in ChatGPT with a single click! Web requests, data parsing, plots & more!

ChatGPT Code Runner

3.5(4)

Run and save the code in ChatGPT. Supports upto 70+ languages.

Power Prompt For ChatGPT & OpenAi

3.0(2)

Power Prompt - Enhance ChatGPT interaction. Seamless conversations. Choose models, save templates, set temp, length & tokens.

ChatGPT Extra

5.0(1)

Dynamically renders HTML code blocks inline as the page is being created.

Google apps