Skip to main content

Chatbot

Use JsPlumb to build a Chatbot editor, with actions, messages, input and choices.
Vanilla JS
React
Angular
Vue
Svelte
Typescript
JsPlumb, build diagrams and rich visual UIs fast

The source code for this demo is available on Github.

Vanilla JS
Angular
Vue
React
Svelte
https://github.com/jsplumb-demonstrations/chatbot

If you haven't got a license for JsPlumb, we offer 30 day evaluations.

Start a free trial
Chatbot Builder
What is a chatbot?

A chatbot is a computer program that simulates and processes human conversation (either written or spoken), allowing humans to interact with digital devices as if they were communicating with a real person.

Chatbots can be used to manage all sorts of processes that are essentially a decision tree. Chatbots can gather information from users and direct the user's path through a system based upon the input provided.

JsPlumb, with its powerful rendering, connectivity and layout options, is the perfect choice as the foundation for your chatbot application.

Further reading

This starter application was the subject of our news post Building a chatbot app in 3 hours and 37 minutes, in which we showcase exactly how simple something like this is to build with JsPlumb. You'll save months of development time by leaving the boring stuff to us and focusing on what makes your app unique.

Full documentation on this starter application is available here: https://docs.jsplumbtoolkit.com/toolkit/6.x/lib/starter-app-chatbot

More Demos
See all demos

Flowchart builder application - JsPlumb, leading alternative to GoJS, JointJS and ReactFlow

Flowchart

Gantt chart builder application - JsPlumb, industry standard diagramming and rich visual UI Javascript library

Gantt

Chatbot builder application - JsPlumb - Angular, React, Vue, Svelte diagramming library

Chatbot

Callflow builder application - JsPlumb - When you've reached the limit with ReactFlow, we can help!

Call Flow

Kanban application - JsPlumb - Angular, React, Vue, Svelte diagramming library

Kanban

Network topology diagram builder - JsPlumb - When you've reached the limit with ReactFlow, we can help!

Network Topology

Database schema builder application - JsPlumb, build diagrams and rich visual UIs fast

Database Schema

Org Chart application - JsPlumb, industry standard diagramming and rich visual UI Javascript library

Org Chart

Mindmap builder application - JsPlumb - Angular, React, Vue, Svelte diagramming library

Mindmap

Element grouping demonstration - JsPlumb - Angular, React, Vue, Svelte diagramming library

Nested Groups

Path tracing demonstration - JsPlumb, leading alternative to GoJS, JointJS and ReactFlow

Path Tracing

Hello world demonstration - JsPlumb, industry standard diagramming and rich visual UI Javascript library

Hello World

Image processor application - JsPlumb - Angular, React, Vue, Svelte diagramming library

Image Processor

Neighbour views dynamic selections demonstration - JsPlumb, industry standard diagramming and rich visual UI Javascript library

Neighbourhood Views

Active filtering demonstration - JsPlumb, industry standard diagramming and rich visual UI Javascript library

Active Filtering

Org chart layout demonstration - JsPlumb - Angular, React, Vue, Svelte diagramming library

Hierarchy Layout

CAD Drawing tools demonstration - JsPlumb, build diagrams and rich visual UIs fast

Connector Editors

Force directed layout demonstration, org chart layout demonstration - JsPlumb - JavaScript and Typescript diagramming library that fuels exceptional UIs

Layouts

Collapsible hierarchy Italic language family demonstration - JsPlumb - JavaScript and Typescript diagramming library that fuels exceptional UIs

Collapsible Hierarchy

Nested instances desktop example - JsPlumb, leading alternative to GoJS, JointJS and ReactFlow

Nested Instances