ComfyUI-PanTextHider Makes Text Vanish To Declutter Canvas Navigation
ComfyUI-PanTextHider is a lightweight extension for the ComfyUI node editor that hides text on nodes while you pan or zoom the canvas. It automatically fades out titles, labels, and widget text to reduce visual clutter. The text reappears instantly once the movement stops.
Developer Koloved built this tool to improve navigation in large, text-heavy workflows. By temporarily hiding text, the workspace feels cleaner and canvas performance can improve. The extension solves the common annoyance of messy overlays when moving around complex setups.
Reducing canvas clutter while panning and zooming
Key Features
- Fades out node titles, labels, and widget text.
- Restores text instantly when movement ends.
- Separate toggles in settings for pan and zoom.
- Works with original ComfyUI Nodes 1.0 only.
- Uses CSS opacity and font size inflation.
- 5px dead zone avoids accidental hiding.
- Independent hiding for pan and zoom actions.
- Enabled by default after installation.
This tool helps ComfyUI users who build large workflows and want a cleaner canvas while navigating. It can reduce visual distraction and may improve performance on complex projects. Anyone dealing with node-heavy setups will benefit from automatic text fading without any extra clicks.
How it works and known limitations
Behind the scenes, the extension applies opacity: 0 to text elements and inflates the minimum font size for level-of-detail rendering to 9999 to stop text drawing during movement. Pan gestures are detected with a 5px dead zone to prevent accidental triggers, while zoom stops are determined by a 400ms debounce timer. A key limitation is that it only supports the original ComfyUI node system (Nodes 1.0) and does not work with Nodes 2.0.
"when you click-and-drag to pan your workflow, all node titles, labels, and widget text fade out instantly. Release the mouse — text comes back. That's it." — Source: Reddit
Project Links
