All Projects → newcat → Baklavajs

newcat / Baklavajs

Licence: mit
Graph / node editor in the browser using VueJS

Programming Languages

typescript
32286 projects

Projects that are alternatives of or similar to Baklavajs

Vue Dataflow Editor
Vue 2 dataflow graph editor
Stars: ✭ 73 (-53.5%)
Mutual labels:  graph, editor
Blocks.js
JavaScript dataflow graph editor
Stars: ✭ 165 (+5.1%)
Mutual labels:  graph, editor
Diagram Maker
A library to display an interactive editor for any graph-like data.
Stars: ✭ 2,086 (+1228.66%)
Mutual labels:  graph, editor
Litegraph.js
A graph node engine and editor written in Javascript similar to PD or UDK Blueprints, comes with its own editor in HTML5 Canvas2D. The engine can run client side or server side using Node. It allows to export graphs as JSONs to be included in applications independently.
Stars: ✭ 2,735 (+1642.04%)
Mutual labels:  graph, editor
The Graph
SVG custom elements for FBP graph editing and visualization. Used in noflo/noflo-ui
Stars: ✭ 896 (+470.7%)
Mutual labels:  graph, editor
Diagram
☊ Tool for making node graphs. Inspired by dependency graph. Used mainly for automation services 📈
Stars: ✭ 510 (+224.84%)
Mutual labels:  graph, editor
Vue Blocks
Vue2 dataflow graph editor
Stars: ✭ 201 (+28.03%)
Mutual labels:  graph, editor
Leaderboardx
A tool for building graphs quickly
Stars: ✭ 13 (-91.72%)
Mutual labels:  graph, editor
Xnode
Unity Node Editor: Lets you view and edit node graphs inside Unity
Stars: ✭ 2,077 (+1222.93%)
Mutual labels:  graph, editor
Komodoedit
Komodo Edit is a fast and free multi-language code editor. Written in JS, Python, C++ and based on the Mozilla platform.
Stars: ✭ 1,972 (+1156.05%)
Mutual labels:  editor
Boost graph cookbook 1
Boost.Graph Cookbook 1: Basics
Stars: ✭ 157 (+0%)
Mutual labels:  graph
Neo4j Php Ogm
Neo4j Object Graph Mapper for PHP
Stars: ✭ 151 (-3.82%)
Mutual labels:  graph
Graspologic
Python package for graph statistics
Stars: ✭ 153 (-2.55%)
Mutual labels:  graph
Rich Markdown Editor
The open source React and Prosemirror based markdown editor that powers Outline. Want to try it out? Create an account:
Stars: ✭ 2,468 (+1471.97%)
Mutual labels:  editor
Graphview
Flutter GraphView is used to display data in graph structures. It can display Tree layout, Directed and Layered graph. Useful for Family Tree, Hierarchy View.
Stars: ✭ 152 (-3.18%)
Mutual labels:  graph
Darcula
A Vim color scheme reproduction of the official JetBrains IDE Darcula theme
Stars: ✭ 158 (+0.64%)
Mutual labels:  editor
Lime Qml
QML frontend for LimeText
Stars: ✭ 150 (-4.46%)
Mutual labels:  editor
Cl Editor
Lightweight text editor built with svelte, typescript
Stars: ✭ 148 (-5.73%)
Mutual labels:  editor
Pervane
Plain text file based note taking and knowledge base building tool, markdown editor, simple browser IDE.
Stars: ✭ 159 (+1.27%)
Mutual labels:  editor
Pell
📝 the simplest and smallest WYSIWYG text editor for web, with no dependencies
Stars: ✭ 11,653 (+7322.29%)
Mutual labels:  editor

BaklavaJS

Build Status npm

Graph / node editor in the browser using VueJS, less than 60kb gzipped

Online Demo

example

Package Version
baklavajs npm
@baklavajs/core npm (scoped)
@baklavajs/plugin-engine npm (scoped)
@baklavajs/plugin-interface-types npm (scoped)
@baklavajs/plugin-options-vue npm (scoped)
@baklavajs/plugin-renderer-vue 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 lead to an 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
  • Vue Options: Adds predefined node options in Baklava style

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://newcat.github.io/baklavajs

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].