Help› Getting started

Getting started

This guide walks you through opening the app, creating a program, adding nodes, connecting them with threads, and running the result.

Open the app

Go to app.kitengi.dev in any modern browser. No login or install is required.

The app opens to the canvas — the main editing area. On the left is the sidebar listing your programs. On the right is the right panel showing properties for the selected node. At the bottom is the console for program output.

Create a program

Click New program in the sidebar (or press N). A dialog asks for a name. Type a name and press Enter. The program is created and opened on the canvas.

Every new program starts with a single start node. This is the entry point — it emits a trigger when the program begins running.

Add nodes

In the left sidebar, use the search box to find the node kind you want — for example value, print, or add. Results appear below as you type.

Drag a result from the sidebar and drop it onto the canvas to place it. Each node has a kind (what it does) and an ID (its unique name in the program). You can give it a more readable title in the right panel.

Node IDs vs titles. The ID is the programmatic identifier — lowercase letters, numbers, and hyphens only. The title is a free-text display name shown in the UI. If no title is set, the ID is displayed instead.

Set a value

Select a value node. In the right panel you will see a Value field. Type a number or text there — for example 42. This is the value the node will emit when it receives a trigger.

Connect nodes with threads

Threads connect an output port on one node to an input port on another. Output ports appear on the right side of a node; input ports appear on the left.

To draw a thread: hover over an output port until the cursor changes, then click and drag to the input port of the destination node. Release to connect.

Port types must be compatible. A number output can connect to a number or any input. An any output can connect to any input.

Build a simple example

Try building this program — it adds 2 and 3 and prints the result:

  1. The canvas already has a start node.
  2. Search for value in the sidebar and drag it onto the canvas. Set its value to 2 in the right panel. Give it the ID two.
  3. Drag another value node onto the canvas. Set its value to 3. Give it the ID three.
  4. Drag an add node onto the canvas.
  5. Drag a print node onto the canvas.
  6. Connect: start → two:trigger, start → three:trigger, start → add:trigger.
  7. Connect: two → value to add → a.
  8. Connect: three → value to add → b.
  9. Connect: add → result to print → value.

Run the program

Click the Run button in the toolbar (or press R). The program executes and output appears in the console at the bottom of the screen. You should see 5 printed.

View the source

Every program you build has a plain-text .kti representation. Click the Copy source button to copy it to the clipboard. You can paste this into any text editor, version-control it, or load it back into the app later using Load from text.

Next steps