MCPcopy Index your code
hub / github.com/AEmotionStudio/ComfyUI-EnhancedLinksandNodes

github.com/AEmotionStudio/ComfyUI-EnhancedLinksandNodes @main

Chat with this repo
repository ↗ · DeepWiki ↗ · + Follow
393 symbols 1,157 edges 55 files 20 documented · 5% updated 3mo agoassets-v1 · 2026-03-24★ 74
What it actually does AI analysis from the code graph — generated when you open this
loading…
README

ComfyUI-Enhanced Links and Nodes 🎨✨

A visually stunning extension for ComfyUI that adds beautiful, customizable animations to both links and nodes in your workflow.

ComfyUI Version License Last Commit Activity

ComfyUI-Enhanced

Enhanced visual aids • Customizable animations • Performance focused

<a href="#-features">Features</a> •
<a href="#-installation">Installation</a> •
<a href="#-settings">Settings</a> •
<a href="#-contributing">Contributing</a> •
<a href="https://github.com/AEmotionStudio/ComfyUI-EnhancedLinksandNodes/raw/main/CHANGELOG.md">Changelog</a>

What's New in v2.0.1

Complete TypeScript Rewrite & Sidebar UI

  • Sidebar Settings Panel — adjust all link and node settings live with instant visual preview
  • Independent Particles — particles now work as a standalone feature, no animation style required
  • Reset to Defaults — one-click reset buttons for both link and node settings
  • Complete TypeScript Rewrite — modular, type-safe architecture with batched rendering and 60+ registered settings

📄 See CHANGELOG.md for the complete version history.


✨ Features

### 🔄 Link Animations - **9 Unique Animation Styles**: - Classic Flow, Sacred Flow, Crystal Stream, Quantum Field, Cosmic Weave, Energy Pulse, DNA Helix, Lava Flow, Stellar Plasma - **Link Style Options**: - Spline, Straight, Linear, Hidden, Dotted, Dashed, Double, Stepped, Zigzag, Rope, Glowpath, Chain, Pulse - **Marker Customization**: - Multiple shapes, color modes, size adjustment, glow intensity - **Advanced Color Options**: - Primary, secondary, and accent colors, custom schemes, glow effects ### 💫 Node Animations - **4 Node Animation Styles**: - Gentle Pulse, Neon Nexus, Cosmic Ripple, Flower of Life - **Independent Particle System**: - Works standalone or combined with any animation style - 6 color modes: default, rainbow, complementary, energy, quantum, aurora - **Node Animation Features**: - Static mode option - Completion effects - 5 text animation styles (neon, cyberpunk, retro, pulse, minimal) - Quality settings - Animation speed control
### ⚙️ Performance Focused - **Performance Settings**: - Quality control - Static mode - Animation speed - Particle density - Pause during render option - **Efficient Rendering**: Optimized for performance, though larger workflows may require adjustment. ### 🎨 Visual Tools - **Live Sidebar Panel**: Adjust all settings with instant visual feedback - **Reset to Defaults**: One-click restore for link and node settings - **Context Menu for Nodes**: Easy access to per-node settings - **End of Animation Completion Effect**: Visual feedback when tasks complete - **Text Animation Tool**: 5 styles to bring node titles to life

Context Menu for Nodes

ComfyUI-Enhanced

End of Animation Completion Effect

ComfyUI-Enhanced

Text Animation Tool

ComfyUI-Enhanced


🚀 Installation

Option 1: ComfyUI Manager (Recommended)

Search for "ComfyUI Enhanced" in ComfyUI Manager and click Install.

Option 2: Git Clone

  1. Navigate to your ComfyUI custom nodes directory:
cd ComfyUI/custom_nodes/
  1. Clone the repository:
git clone https://github.com/AEmotionStudio/ComfyUI-EnhancedLinksandNodes.git
  1. Restart ComfyUI

⚙️ Settings

All settings are accessible via the context menu or specific extension settings.

🔄 Link Animation Settings

  • Animation Style: Choose from 9 unique animation patterns
  • Link Style: Select from 13 different connection styles
  • Marker Options: Customize shape, color, size, and effects
  • Color Settings: Configure primary, secondary, and accent colors
  • Performance: Adjust quality, speed, and particle density
  • Effects: Control glow intensity and shadow settings

💫 Node Animation Settings

  • Animation Style: Select global or per-node animation patterns
  • Mode Options: Toggle between animated and static modes
  • Particle Effects: Adjust density, glow, and intensity
  • Completion Effects: Enable special animations on node completion
  • Text Animation: Optional animated node titles
  • Performance: Control quality and animation speed

⚡ Performance Tips

  • Use "Static Mode" during heavy workflow execution
  • Adjust "Quality" settings based on your system capabilities
  • Reduce "Particle Density" if experiencing performance issues
  • Enable "Pause During Render" for optimal rendering performance
  • Consider using "Particles Only" mode for lighter animations
  • Animations can be disabled node by node - so you can have some nodes animated and some static or none at all.

🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

See CONTRIBUTING.md for detailed guidelines on how to contribute to this project.


📝 License

This project is licensed under the MIT License - see the LICENSE file for details.


Developed by Æmotion Studio

YouTube Discord Ko-fi

Extension points exported contracts — how you extend this code

PatternPoint (Interface)
(no doc)
src/effects/node-effects.ts
TimingState (Interface)
(no doc)
src/core/timing.ts
SelectOption (Interface)
(no doc)
src/sidebar/controls.ts
TransitionState (Interface)
(no doc)
src/renderers/link-transition-manager.ts
MenuOption (Interface)
(no doc)
src/ui/context-menu.ts
LinkAnimationParams (Interface)
(no doc)
src/effects/link-effects.ts
AnimationControllerState (Interface)
(no doc)
src/core/timing.ts
LinkRenderer (Interface)
(no doc)
src/renderers/link-renderers.ts

Core symbols most depended-on inside this repo

getPoint
called by 76
src/renderers/link-renderers.ts
setting$2
called by 54
js/link_animations.js
setting
called by 54
src/effects/animated-renderers.ts
setting
called by 52
js/node_animations.js
setSetting
called by 52
js/link_animations.js
setSetting
called by 52
src/sidebar/SidebarSettings.ts
setting
called by 52
src/extensions/node-animations.ts
addEventListener
called by 45
src/core/types.ts

Shape

Function 324
Interface 44
Method 23
Class 2

Languages

TypeScript100%

Modules by API surface

js/link_animations.js79 symbols
src/core/types.ts32 symbols
js/node_animations.js24 symbols
src/effects/link-effects.ts21 symbols
src/core/timing.ts17 symbols
src/sidebar/SidebarSettings.ts16 symbols
src/effects/animated-renderers.ts14 symbols
src/utils/render.ts13 symbols
src/ui/settings.ts13 symbols
src/renderers/marker-shapes.ts13 symbols
src/utils/colors.ts11 symbols
src/utils/color-manager.ts11 symbols

For agents

$ claude mcp add ComfyUI-EnhancedLinksandNodes \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact

Ask about this repo answers extend the page