GraphComp

GraphComp is a collection of components for node canvases, designed for React Flow. It provides nodes, edges, ports, and in-node widgets, styled with Tailwind CSS and animated with Motion. Developers can copy and paste these components into their projects and modify them as needed. GraphComp supports various node types, including card, pressable, segmented, select, and stepper nodes. It also includes event flow capabilities. GraphComp can be added to a React project using the shadcn CLI and Tailwind CSS 4. The components are customizable, allowing developers to tailor them to their specific needs. GraphComp is intended for developers building node-based canvas interfaces. It simplifies the process of creating custom node canvases by providing pre-built components. The components are designed to be flexible and adaptable, making it easier for developers to create complex node-based interfaces. GraphComp is used for building custom node canvases in React applications.