Awesome
BaklavaJS
Graph / node editor in the browser using VueJS
| Package | Version |
|---|---|
| baklavajs |  |
| @baklavajs/core |  |
| @baklavajs/engine |  |
| @baklavajs/interface-types |  |
| @baklavajs/renderer-vue |  |
| @baklavajs/themes |  |
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://baklava.tech
BaklavaJS v1
The old version of BaklavaJS can be found here: https://github.com/newcat/baklavajs/tree/v1
Sponsors
Top Sponsors
<a href="https://github.com/ThePixelDeveloper">ThePixelDeveloper</a> · <a href="https://github.com/RDIL">Reece Dunham</a> · <a href="https://github.com/adrianrudnik">Adrian Rudnik</a> · <a href="https://github.com/yochrisbolton">Chris Bolton</a> · <a href="https://github.com/LittleMouseGames">LittleMouseGames</a> · <a href="https://github.com/andreibosco">Andrei Bosco B. Torres</a> · <a href="https://github.com/eviltik">eviltik</a>
Gold Sponsors
<a href="https://github.com/TigerHix">Tiger Tang</a>
Sponsors
<a href="https://github.com/notgull">John Nunley</a>