---
title: "[JavaScript Delivery] - About JavaScript Live Preview Utils SDK"
description: About JavaScript Live Preview Utils SDK
url: https://www.contentstack.com/docs/developers/sdks/utils-sdk/javascript/about-javascript-live-preview-utils-sdk
product: Contentstack
doc_type: sdk-overview
audience:
  - developers
version: unknown
last_updated: 2026-03-26
---

# [JavaScript Delivery] - About JavaScript Live Preview Utils SDK

This page explains what the JavaScript Live Preview Utils SDK is and how it fits into Contentstack-powered JavaScript projects. It is intended for developers integrating Contentstack SDKs into a JavaScript application and should be used when setting up Live Preview communication between your site and the Contentstack entry editor preview pane.

## About JavaScript Live Preview Utils SDK

*Use Contentstack to power content for your JavaScript projects*

Contentstack provides the Live Preview Utils SDK to establish a communication channel between the various Contentstack SDKs and your website, transmitting  live changes to the preview pane in the entry editor.

The Live Preview Utils SDK package can be loaded for any application project that uses Contentstack SDKs. To use edit tags while previewing entry content, you need a valid stack API Key.

In order to integrate your JavaScript app with Contentstack [JavaScript Delivery SDK](https://github.com/contentstack/contentstack-javascript) and Live Preview Utils SDK, follow the steps mentioned in the [Get Started](/docs/developers/javascript-browser/get-started-with-javascript-live-preview-utils-sdk) section.

For more information on the JavaScript Live Preview Utils SDK, you can refer to our [GitHub reference documentation](https://github.com/contentstack/live-preview-sdk).

**Additional Resource**: Learn more about how you can use [Live Preview](/docs/content-managers/live-preview/about-live-preview) to preview your entry content in real-time.

## Common questions

### What does the JavaScript Live Preview Utils SDK do?
It establishes a communication channel between the various Contentstack SDKs and your website, transmitting live changes to the preview pane in the entry editor.

### Can I use the Live Preview Utils SDK with any project?
The Live Preview Utils SDK package can be loaded for any application project that uses Contentstack SDKs.

### Do I need anything specific to use edit tags in preview?
To use edit tags while previewing entry content, you need a valid stack API Key.

### Where can I find more detailed reference information?
You can refer to the GitHub reference documentation: https://github.com/contentstack/live-preview-sdk.