CodePeek
Live preview HTML, CSS & Mermaid diagrams from ChatGPT. Full CDN support in a floating window!
Features
Live HTML Preview
See your HTML code render in real-time as you type in ChatGPT. Perfect for rapid prototyping and debugging.
CSS Visualization
Preview your CSS styles with interactive demos and sample elements to see exactly how your styles will look.
Mermaid Diagrams
Transform your Mermaid code into beautiful flowcharts, sequence diagrams, and more instantly.
Full CDN Support
Load external libraries, frameworks, and assets from CDNs just like in a real web environment.
Real-time Updates
Watch your preview update automatically as ChatGPT generates or modifies code content.
History Navigation
Navigate through your preview history to compare different versions and iterations of your code.
How It Works
Install Extension
Add CodePeek to your Chrome browser from the Chrome Web Store. Installation takes just a few seconds.
Visit ChatGPT
Go to chatgpt.com and start a conversation. CodePeek will automatically detect when you're working with code.
Share Code
Ask ChatGPT to generate or share HTML, CSS, or Mermaid code. CodePeek will instantly create a live preview.
See Results
Watch your code come to life in a floating preview window with full interactivity and CDN support.
Screenshots
Privacy-First Design
Your privacy is our top priority. CodePeek works entirely in your browser.
Local Processing
All code rendering happens locally in your browser
No Data Collection
We don't collect your code or personal information
Sandboxed Security
Code runs in isolated iframes for maximum security
No Analytics
No tracking scripts or analytics whatsoever
Ready to Supercharge Your ChatGPT Experience?
Join thousands of developers who are already using CodePeek to visualize their code in real-time.
Install CodePeek NowFree forever • No registration required • Privacy-focused