Overview
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
Details
- Version1.2.0
- UpdatedApril 1, 2026
- Size18.26KiB
- LanguagesEnglish
- Developer100x VenturesWebsite
Gonsiori 34-14 Estonia, Harjumaa 10128 EEEmail
erik@100toolkit.comPhone
+372 5804 5066 - TraderThis developer has identified itself as a trader per the definition from the European Union and committed to only offer products or services that comply with EU laws.
- D-U-N-S565749528
Privacy
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
