An example extension with an example description!


You could use the Copy Extension button below to individually install this extension. To install, just paste anywhere in your Roam graph and click "Yes, I Know What I'm Doing".

Manual Installation

If instead you prefer to manually install, first create a block with the text {{[[roam/js]]}} on any page in your Roam DB. Then, copy and paste this code block as a child of the block.

var existing = document.getElementById("roamjs-example-main");
if (!existing) {
  var extension = document.createElement("script");
  extension.src = "https://roamjs.com/example/main.js";
  extension.id = "roamjs-example-main";
  extension.async = true;
  extension.type = "text/javascript";


This is an example extension page, to demonstrate to developers how to upload extensions to RoamJS. The page is written in Roam and will upload directly to RoamJS with just a single button click!

I will be using this page to test various features of Roam => RoamJS!

  • A highlighted text and a highlighted bold text
  • This block is __aligned__ center
  • [Live Preview]([[roam42/Live Preview]]) - See live and editable previews of page links underneath your mouse cursor. Allows you to stay in the context of your work without having to navigate to another page to see its content. Note: this feature is off by default and needs to be enabled to use it. Please see ((pFEoAy0b4)) for more info.



You could make subpages!


This extension is brought to you by RoamJS! If you are facing any issues reach out to support@roamjs.com or click on the chat button on the bottom right. If you get value from using this extension, consider sponsoring RoamJS by clicking on the button below!


Add your email below to stay up to date on all RoamJS features, fixes, and news!

Other Extensions

Coming Soon...