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 Designer
Experience LitFlow as a complete authoring tool. Drag nodes from the palette, connect them, and see the live JSON configuration update in real-time.
Acknowledgements
LitFlow is built upon the incredible work of the xyflow team. We would like to thank them for their excellent xyflow core system and their continued, inspiring support of the open-source community.