Connect example apps

Explore these example apps for ideas on how to configure your Connect apps in Confluence. Clone an app to explore and customize locally, or just take a look at the source in each Bitbucket repository.

To run locally, you must have a Confluence developer instance set up. See Getting started to set up your development environment. Don't forget to add your credentials.json file to the example app after cloning.

Sequence diagramr

Creates UML sequence diagrams on the page using a macro.

• Code: Sequence diagramr repository
• Framework: Node.js, atlassian-connect-express library.
• Highlights: Static content macro module, Confluence REST API.

Tim's word cloud

Adds a word cloud visualization of the page's content to a Confluence page.

• Code: Tim's word cloud repository
• Framework: Node.js, atlassian-connect-express library.
• Highlights: Static content macro module, Confluence REST API.

Google Maps macro

Inserts Google Maps into your Confluence pages.

• Code: Google Maps macro repository
• Framework: Static (Simple HTML, JavaScript).
• Highlights: Dynamic content macro module.

Sketchfab for Confluence

A static Atlassian Connect app that renders Sketchfab 3D models in Confluence pages.

• Code: Sketchfab for Confluence
• Framework: Static
• Highlights: Dynamic content macro module.