Item logo image for Crane Dev Tools by Lightspeed

Crane Dev Tools by Lightspeed

Item media 4 (screenshot) for Crane Dev Tools by Lightspeed
Item media 1 (screenshot) for Crane Dev Tools by Lightspeed
Item media 2 (screenshot) for Crane Dev Tools by Lightspeed
Item media 3 (screenshot) for Crane Dev Tools by Lightspeed
Item media 4 (screenshot) for Crane Dev Tools by Lightspeed
Item media 1 (screenshot) for Crane Dev Tools by Lightspeed
Item media 1 (screenshot) for Crane Dev Tools by Lightspeed
Item media 2 (screenshot) for Crane Dev Tools by Lightspeed
Item media 3 (screenshot) for Crane Dev Tools by Lightspeed
Item media 4 (screenshot) for Crane Dev Tools by Lightspeed

Overview

Preview Instant Site themes live in the IS Editor without deployment

Preview Instant Site themes live in the Instant Site Editor without repeated deployments. Crane Dev Tools by Lightspeed enables live preview of your local Crane theme directly in the Instant Site Editor. When connected to your local server, the extension renders your local theme directly in the IS Editor. This allows you to review and adjust theme code, merchant settings, and the consumer-facing interface using real store data. A one-time deployment is required to register your section in Instant Site. After that, you can continue developing locally without deploying each change. To preview your local Crane theme in the IS Editor, follow these steps: 1. Install Crane Dev Tools by Lightspeed from the Chrome Web Store. 2. Deploy your section once so it becomes available in Instant Site. 3. Start your local Crane development server. 4. Open your IS theme in the Instant Site Editor. 5. Turn on Crane Dev Tools extension. 6. In the extension popup, select the section or sections you want to preview. 7. Edit your code locally and see changes live in the Instant Site Editor.

Details

  • Version
    1.0.2
  • Updated
    May 25, 2026
  • Offered by
    crane-extension
  • Size
    84.84KiB
  • Languages
    English
  • Developer
    Lightspeed Commerce Inc.
    700 Rue Saint-Antoine E Montreal, QC H2Y 1A6 CA
    Email
    crane-extension@lightspeedhq.com
    Phone
    +1 514-430-1055
  • Trader
    This 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-S
    247619799

Privacy

Manage extensions and learn how they're being used in your organization
The developer has disclosed that it will not collect or use your data.

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

Related

Screen Dimmer

4.0

Easily adjust page theme and color temperature while browsing

Live editor for CSS, Less & Sass - Magic CSS

4.6

Live preview of CSS/Less/Sass code changes. Auto-save file, autocomplete, Less/Sass to CSS, beautify, CSS reloader, lint, ...

Kameleoon Prompt-Based Experimentation (PBX)

5.0

This lightweight browser extension lets you create and preview prompt-driven tests i.e. “vibe experiment” directly on your live site

Contentstack

5.0

Quickly navigate from a live web page to its corresponding entry in Contentstack

UI Builder with Gemini AI

5.0

Create HTML with Gemini AI and preview live

QuickEdit: Edit Local Pages with Shortcut Key

5.0

Edit any pages locally by toggling contentEditable attribute with shortcut keys

Edit Website Extension

4.6

Edit Live Websites Text On The Fly

Smart Theme Designer - for Google Chrome

5.0

Create custom Chrome themes in seconds. Use live preview, smart color pickers, and a randomizer to design your perfect browser look.

HTML/CSS Extractor

5.0

Extract HTML & CSS from any element with live preview, smart selector simplification, and syntax-highlighted editor

Shopify Theme Files Sync Helper

5.0

Bidirectional Files Sync between Shopify Theme Online Code Editor and Your Local File system.

CrowAI

4.4

Helps CrowAI users create and preview tests in the Visual Editor.

Google Sites Dark & Light Mode Themes by SitesBuddy

5.0

Dark & Light Mode Themes for Google Sites editor

Screen Dimmer

4.0

Easily adjust page theme and color temperature while browsing

Live editor for CSS, Less & Sass - Magic CSS

4.6

Live preview of CSS/Less/Sass code changes. Auto-save file, autocomplete, Less/Sass to CSS, beautify, CSS reloader, lint, ...

Kameleoon Prompt-Based Experimentation (PBX)

5.0

This lightweight browser extension lets you create and preview prompt-driven tests i.e. “vibe experiment” directly on your live site

Contentstack

5.0

Quickly navigate from a live web page to its corresponding entry in Contentstack

UI Builder with Gemini AI

5.0

Create HTML with Gemini AI and preview live

QuickEdit: Edit Local Pages with Shortcut Key

5.0

Edit any pages locally by toggling contentEditable attribute with shortcut keys

Edit Website Extension

4.6

Edit Live Websites Text On The Fly

Smart Theme Designer - for Google Chrome

5.0

Create custom Chrome themes in seconds. Use live preview, smart color pickers, and a randomizer to design your perfect browser look.

Google apps