GIPHY

This extension allows quickly inserting GIFs from Giphy into Roam! The name of the script is giphy.

Installation

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("giphy");
if (!existing) {
  var extension = document.createElement("script");
  extension.src = "https://roamjs.com/giphy.js";
  extension.id = "giphy";
  extension.async = true;
  extension.type = "text/javascript";
  document.getElementsByTagName("head")[0].appendChild(extension);
}

Usage

Type {{GIPHY: }} into a block. Continue typing your gif search term after the colon. A list of GIPHY results will render below the block as you type. Click on one to replace the text with a link to the gif.

For example, typing {{GIPHY:jumping cat}} and clicking on the first result will render:

Loop Jump GIF by sheepfilms

Demo

Contributors

A special thanks to those who's contributions helped make this extension possible:

Emoji Key

Other Extensions