Link Search Menu Expand Document
Storytelling with Twine

Extending Twine

There are a number of tools that allow you to embed content into Twine projects with minimal knowledge of css, html, or javascript. The most straightforward way to embed content without technical know-how is through the use of iframes.

Knightlab projects are a particularly great option for this approach.

  • Juxtapose lets you show comparison images overlaid on each other (eg. a before and after shot).
  • Timeline.js is designed to give you a quick narrative timeline of events.
  • StoryMap.js lets you represent a sequence of events on a map.

Storymap example

All of these tools can be inserted into your twine project directly using iframes in the text field of a path element.

Iframes are generally less secure than other ways of including information but this is less of an issue with static websites. Note that iframes reliant on external services are also breakable.