SkillAgentSearch skills...

Baklavajs

Graph / node editor in the browser using VueJS

Install / Use

/learn @newcat/Baklavajs

README

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://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>

Related Skills

View on GitHub
GitHub Stars2.0k
CategoryDevelopment
Updated16h ago
Forks145

Languages

TypeScript

Security Score

100/100

Audited on Mar 26, 2026

No findings