Reference - BaklavaJS


build-status npm

Graph / node editor in the browser using VueJS

Online Demo


Package Version
baklavajs npm
@baklavajs/core npm (scoped)
@baklavajs/engine npm (scoped)
@baklavajs/interface-types npm (scoped)
@baklavajs/renderer-vue npm (scoped)
@baklavajs/themes npm (scoped)


BaklavaJS is a graph/node editor for the web. It provides an easy-to-use editor together with the ability to create custom nodes. Aditionally, it puts a strong emphasis on extensibility, which leads to a versatile plugin system. To guarantee type safety, the entirety of the BaklavaJS ecosystem is written in TypeScript.

The core functionality is shipped in the @baklavajs/core package. Any other functionality can be added a-la-carte by installing the desired plugins:

  • Engine: Provides functions to run calculations with the graph.
  • Interface Types: Adds types to node interfaces and allowing connections only between types that you want to. It can also automatically convert values from one type to another.
  • Vue Renderer: Displays the editor in the browser using VueJS
  • Themes: A collection of pre-built themes for BaklavaJS

There is also the baklavajs package, which contains the core package as well as all plugins.

Getting Started & Documentation

You can find the documentation here:

BaklavaJS v1

The old version of BaklavaJS can be found here:


Top Sponsors

ThePixelDeveloper · Reece Dunham · Adrian Rudnik · Chris Bolton · LittleMouseGames · Andrei Bosco B. Torres · eviltik

Gold Sponsors

Tiger Tang


John Nunley