/baklavajs

Graph / node editor in the browser using VueJS

Primary LanguageTypeScriptMIT LicenseMIT

BaklavaJS

build-status npm

Graph / node editor in the browser using VueJS

Online Demo

example

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)

Introduction

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: https://v2.baklava.tech

BaklavaJS v1

The old version of BaklavaJS can be found here: https://github.com/newcat/baklavajs/tree/v1

Sponsors

Top Sponsors

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

Gold Sponsors

Tiger Tang

Sponsors

John Nunley