Claude Code Preview

by 100x Ventures · 100toolkit.com · Developer Tools

Manifest V3 Free

View in Chrome Web Store Data as of 16 Oct 2026

Live deployment preview panel for Claude Code — see your Netlify/Vercel site alongside your chat.

Users

+7 in 30 days

Rating

0.0 / 5

unchanged in 30 days

Ratings

0 in 30 days

Store rank

#88K

#73K among extensions

Version

1.2.0

updated 1 Apr 2026

Users

monthly, 7 months

Latest, 16 Oct 2026: 89 usersMove the mouse over the chart for any month

Ratings count

monthly, 7 months

Latest, 16 Oct 2026: 0 ratingsMove the mouse over the chart for any month

The Chrome Web Store rounds user counts down to the leading digit, so the user line moves in steps. The ratings count is exact and is the better signal of real adoption.

About Claude Code Preview

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