Overview

Solid Flow brings an exciting integration of graph-based UI capabilities to the SolidJS ecosystem, taking inspiration from React Flow and Svelte Flow. While currently in alpha development, it aims to provide developers with a powerful and intuitive tool for building interactive graphs and flow diagrams. The framework emphasizes flexibility, speed, and a rich plugin ecosystem, which makes it an appealing choice for anyone looking to enhance their applications with complex data visualizations.

As the project evolves, Solid Flow continues to add features that closely mimic the established functionalities of its predecessors while innovating for the unique aspects of SolidJS. This combination of user-friendly design and robust features makes Solid Flow a go-to for developers keen on harnessing the power of visual data representation.

Features

Easy to Use: Offers seamless zooming and panning, along with support for single and multi-selection of graph elements and keyboard shortcuts.
Customizable: Supports various node and edge types, allowing the creation of custom nodes and edges to fit specific project requirements.
Fast Rendering: Leverages SolidJS's fine-grained reactivity; only updated nodes are re-rendered, ensuring efficient performance.
Rich Plugin Ecosystem: Includes components for interactive mini-maps, custom backgrounds, zoom controls, toolbars, and node resizing to enhance user experience.
Powerful Hooks: A wide range of reactive hooks for managing nodes, edges, viewport, connections, and overall data management.
Full Accessibility: Designed with accessibility in mind, featuring comprehensive keyboard navigation, screen reader support, and ARIA labeling.
Drag & Drop: Built-in support for dragging nodes and external drag-and-drop interactions, which enhances interactivity and usability.
TypeScript First: A fully typed API that includes generic type support and IntelliSense integration, making development more efficient and error-free.

Dsnchz

Solid Flow

Solid Lightweight Charts

Solid Uplot