LitFlow

xyflow core integrated with Lit WebComponents.

LitFlow is a project dedicated to creating Lit WebComponent examples and a library wrapper for xyflow. It leverages the core logic from the xyflow project while embracing the benefits of WebComponents and fine-grained reactivity.

Key Features

• Lit WebComponents: Built from the ground up with Lit.
• Light DOM: Uses Light DOM for nodes and handles to ensure compatibility with @xyflow/system.
• Fine-grained Reactivity: Powered by @lit-labs/signals.
• Material 3 Design: Integrated with Material Design principles.

Getting Started

Check out our Tutorials to start building your first flow.

Live Example

(Note: Live examples require the litflow library to be bundled and available in /public/litflow.js)