Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including gitbook-plugin-sequence-diagrams with all npm packages installed. Try it out:

var gitbookPluginSequenceDiagrams = require("gitbook-plugin-sequence-diagrams")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

gitbook-plugin-sequence-diagrams v1.1.0

js-sequence-diagrams plugin for GitBook



js-sequence-diagrams plugin for GitBook


$ npm install gitbook-plugin-sequence-diagrams

book.json add the plugin

  "plugins": ["sequence-diagrams"]


book.json add the js-sequence-diagrams options

"pluginsConfig": {
  "sequence-diagrams": {
    "theme": "simple"


put in your book block as

{% sequence %}
Alice->Bob: Hello Bob, how are you?
Note right of Bob: Bob thinks
Bob-->Alice: I am good thanks!
{% endsequence %}

Extend the width

{% sequence width=770 %}
RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free