A blockly-inspired visual programming interface.
npm install @kabel-project/kabel
bash
cd path/to/your/project
npm install @kabel-project/kabel
`
Cloning from GitHub (Experimental builds):
`bash
git clone https://github.com/FentFentFent/Kabel.git --depth 1
cd Kabel
npm install
npm run build
`
Then import Kabel from the build:
`js
import Kabel from './Kabel/dist/kabel.js';
`
##### Quick Starter HTML
`html
`
---
Features
* ⚡ Extensible: create custom nodes, fields, and renderers.
* 🛠️ TypeScript support out of the box.
* 🎨 Renderer override system for custom visuals.
* ⌨️ Built-in workspace controls (WASD movement, drag, etc.).
---
Example
`js
import Kabel from 'kabel';
const ws = Kabel.inject('workspace-container', {
controls: { wasd: true, wasdSmooth: true }
});
// Register a simple node
Kabel.Nodes['example'] = {
init() {
this.jsonInit({
labelText: 'Hello Kabel',
type: 'example_node',
primaryColor: '#cc0c00'
});
}
};
``