Skip to content

lucidsoftware/sample-lucid-extensions

Repository files navigation

Sample Lucid Extensions

This repo contains example applications built using Lucid Software's APIs.

AI Prompt Flow

An interactive prompt building aid for working with AI built on the Extension API. Uses custom shapes, network requests, and an Angular frontend to create an interactive experience.

AI Prompt Flow

You can find more information about the application, and install it to use for yourself at its marketplace listing.

Asana

Our Lucid cards for Asana integration is a production ready implementation of a cards integration built to import and manage Asana tasks in Lucidspark. The integration uses Lucid's Extension API, and leverages the built in cards framework to allow users to bring Asana data into Lucidspark and to keep that data up to date when changes are made.

Lucid Cards for Asana

You can find more information about the integration, and install it to use for yourself at its marketplace listing.

BPMN Converter

A tool for importing BPMN formatted files into Lucid using the REST API. Uses our JSON import enpoints to create documents programatically.

Data Connector Example

A small data connector which uses Lucid's REST API to import users' folder trees as data on a document.

Folder tree import demo

Example Card Integration

An example card integration which uses mocked data. This is a great place to start if you're building a cards integration!

Example Card Integration

Example REST API Integration

A NextJS fullstack application which connects to Lucid user data using OAuth2 and Lucid's REST API.

Example REST API application demo

Example Shape Library

A collection of custom shapes that can be used in Lucidchart. These shapes cover data linking, conditional formatting, images, dynamic rendering and more. You can find more information about designing your own custom shapes here.

Example shape library

Frontend Frameworks

A collection of minimal editor extensions which leverage frontend frameworks, like React.

Frontend Frameworks

Google Embed

An integration which brings Google Docs documents into Lucidchart and Lucidspark as expandable links using our Extension API.

Google Embed

You can find more information about the integration, and install it to use for yourself at its marketplace listing.

Icon Repository Dragndrop

A repository of icons which can be dragged and dropped onto your Lucid documents from a side panel.

Icon drag-n-drop

Import Page

A minimal integration for copying pages within or between documents using the Extension API.

Import page

OAuth Example

A minimal example of how to query an external REST API using the Extension API.

OAuth example

Todoist

A cards integration which can import tasks from Todoist and keep them in sync when changes are made either in Lucid or in Todoist.

Todoist cards integration

You can find an end to end walkthrough for creating this integration here.