Claude Code Preview

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

As of June 2026, Claude Code Preview has 53 users in the Developer Tools category.

Usersno change0%
53
53
Ratingno change0%
— reviews
Reviewsno change0%
Version
1.2.0
Manifest V3

History

10 snapshots

Tracking since Apr 2, 2026.

56.630.54.399999999999999Apr 2, 2026Jun 10, 2026
View as table
DateUsersRatingReviewsVersion
Apr 2, 20261.2.0
Apr 17, 20261.2.0
Apr 22, 202681.2.0
Apr 27, 2026151.2.0
May 5, 2026201.2.0
May 10, 2026281.2.0
May 16, 2026331.2.0
May 22, 2026351.2.0
Jun 4, 2026411.2.0
Jun 10, 2026471.2.0
Now531.2.0

Permissions & access

Permissions
storage
Host access
https://claude.ai/*

Screenshots

Claude Code Preview screenshot 1Claude Code Preview screenshot 2

About

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

Technical

Version
1.2.0
Manifest
V3
Size
18.26KiB
Min Chrome
88
Languages
1
Featured
No

Metadata

ID
goklhjjdneoeikkoemcngfdnodkddgme
Developer ID
udb56bbcc2c4a9dd8bde65015d9720f27
Developer Email
[email protected]
Created
Apr 1, 2026
Last Updated (Store)
Apr 1, 2026
Last Scraped
Jun 10, 2026
Website
100toolkit.com
Support URL

Data sourced from the Chrome Web Store · last verified Jun 10, 2026.