Table of Contents


Live Preview in Roam42 allows you to hover over a page or block reference and preview and edit the contents of that page or block, without leaving the page you are on.


👀Video Demonstration

How to Use


To Enable:

By default, Live Preview is set as disabled. You can enable it to preview page reference only, or both page and block references.

To enable this feature:

  1. In any block in your graph, add the following text: #42Setting LivePreview on

  2. Using the Roam42 'hamburger' in the upper right-hand corner of the screen, select `Live Preview (inactive)' to enable this extension, as shown:

  3. To enable Live Preview for Page Reference only, select Enable

  4. To enable Live Preview for both Page References and Block Reference, select Active with block refs

To Use:

Hover over a page reference and the page preview will appear.

Once enabled, you can toggle through the three states (Preview Page only, Page and Block Refs or Disabled) using the following keyboard shortcut:

Alt + L on Windows or Ctrl + Shft + L on Mac

😎 Cool features to try 😎:

Once your preview is showing - you can edit that page or block right in that preview. How cool is that?


Some features in Roam42 can be configured by adding settings to your local graph database.

To use one of these settings, simply add them to a block in your graph, on any page. Then refresh your browser.

The Live Preview feature has no customizations.


There is an active community at channels #roam42 and #roam-js. Stop by if you need help or want to share your ideas.