A Svelte 5 flow/node editor library with typed port connections
npm install kaykay
A Svelte 5 flow/node editor library with typed port connections.
- Custom Nodes: Define your own node components
- Typed Ports: Custom port types (e.g., raw, processed) with connection validation
- Visual Connections: Bezier curve edges between handles
- Pan/Zoom: Navigate large flows with mouse wheel and drag
- Selection: Click to select nodes/edges, Delete to remove
- JSON Export: Get the flow structure as JSON
``bash`
pnpm add kaykay
Check out the help page for a complete working example!
`svelte
`
`bash`
pnpm install
pnpm dev
Then open http://localhost:5173 to see:
- Landing page at / with installation and feature overview/playground
- Interactive playground at with custom nodes and full demo
- Documentation with getting started guide, examples, and API reference
Handles have a port prop that defines what types of connections they accept:
`svelte
``
MIT