ChatGPT Code Previewer

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

What is ChatGPT Code Previewer?

The 'ChatGPT Code Previewer' extension eliminates the need to manually copy and paste code to view it. Designed for use with ChatGPT, this assists users by displaying rendered preview of HTML, SVG, and Markdown code directly on the chat. It also offers a convenient one-click functionality to open and edit the code in CodePen.

Download

Stats

By: yangguang

View on Chrome Web Store

Users: 931 ▼ -8

Rating: 3.00 (2)

Version: 1.3 (Last updated: 2023-08-14)

Creation date: 2023-04-03

Risk impact: Low risk impact

Risk likelihood: Low risk likelihood

Manifest version: 3

Size: 37.20K

Email: li*****@gmail.com

URLs: Website

Stats date:

Chrome-Stats Rank

# 30426 ▼ 161

Other rankings

#912 in Developer Tools #36 in code keyword 28 ▲ 12 #120 in html keyword 41 ▲ 7 #159 in preview keyword 20 ▲ 2 #206 in chatgpt extension keyword 82 ▲ 6

Other platforms

Not available on Firefox

Not available on Edge

Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Summary

Analyze keywords

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!