According to AlphaMoat, as of 2026-08, the Chrome extension Claude Code Preview has 71 users (+24.6% MoM) — ranked #4,690 of 9,793 AI browser extensions, and #293 of 640 in Programming.
What is Claude Code Preview
Claude Code Preview adds a split view to claude.ai/code: your chat stays on the left and a live preview of your deployment appears on the right. You type the deployment URL into an inline bar in the panel toolbar and press Enter, and it works with any deployment, Netlify, Vercel, Cloudflare Pages, Railway, Render, or any other public URL. The divider drags to resize the split, device modes preview at desktop, tablet, or mobile widths, and auto-refresh reloads the preview at configurable intervals. Keyboard shortcuts toggle the panel and refresh it, and your URL and panel preferences survive page reloads.
Split view. Inline URL bar. Any deployment. Drag to resize. Device modes. Auto-refresh. Shortcuts.
Show full Chrome Web Store description▾
Live deployment preview panel for Claude Code — see your Netlify/Vercel site alongside your chat. Preview your web deployments directly inside Claude Code, no more switching tabs.
Claude Code Preview adds a Lovable-style split view to claude.ai/code: your chat stays on the left, and a live preview of your deployment appears on the right.
FEATURES:
- Inline URL bar - type your deployment URL directly in the panel toolbar and press Enter
- Works with any deployment - Netlify, Vercel, Cloudflare Pages, Railway, Render, or any public URL
- Drag-to-resize - adjust the split ratio by dragging the divider
- Device modes - preview in desktop, tablet (768px), or mobile (375px) widths
- Auto-refresh - automatically reload the preview at configurable intervals (5s, 10s, 30s, 60s)
- Keyboard shortcuts - Ctrl+Shift+P to toggle the panel, Ctrl+Shift+R to refresh
- Persistent state - your URL and panel preferences survive page reloads
HOW TO USE
1. Open any chat on claude.ai/code 2. The preview panel appears on the right side 3. Enter your deployment URL in the address bar at the top of the panel 4. After pushing new code, click refresh or enable auto-refresh to see the latest deploy
Extension profile
User Growth Trend
Popular in Programming
Instant Data Scraper extracts web data into Excel or CSV using AI to detect relevant content.
+ Compare
PIXM is a browser extension that uses AI to block phishing websites the moment you click a malicious link.
+ Compare
Blackbox is an AI coding assistant that answers programming questions and helps you work with code, GitHub, and on-page context directly in your browser.
+ Compare
Ui.Vision is a free RPA and macro recorder that automates browser and desktop tasks with computer vision, OCR, and a built-in AI assistant.
+ Compare
Browse safer with cloud-based antivirus that blocks phishing, malware, and harmful websites.
+ Compare
Thunderbit is an AI web-scraping agent that turns any webpage into structured spreadsheets in two clicks for sales and operations teams.
+ CompareData month: 2026-08 · User counts and ratings come from public Chrome Web Store data, aggregated monthly. See methodology.