1aa53b9f950ac2ea7fe544e4050300e5d75cfb00
ComfyUI-MagnifyGlass
A powerful, customizable magnifying glass extension for ComfyUI.
Inspect fine details in your generated images, node connections, and canvas with ease.
Features • Installation • Usage • Configuration • Changelog
🚀 What's New in v1.6.0 (January 2, 2025)
This release focuses on accessibility and polish:
- Dedicated Sidebar Panel: All settings are now integrated into a new sidebar tab, making configuration easier than ever.
- Live Setting Previews: See changes instantly as you adjust settings.
- Themed Floating Controls: Hover controls now match your active ComfyUI theme.
- Hover Expand: Info panel smoothly expands on hover to reveal full content.
📄 See CHANGELOG.md for the complete version history.
✨ Features
🔍 Magnifying Glass
- WebGL-Powered: Smooth, high-performance rendering at any zoom level.
- Smart Interactions: Follows your cursor or stays fixed. Toggles transparently for click-through.
- Customizable: Adjust zoom (up to 10x), size, border, and shape (Circle/Square/Rounded).
ℹ️ Inspector Panel
- Deep Analysis: View node parameters (Seed, CFG, Steps), text content, and image details on hover.
- Dockable Interface: Pin the panel to keep it stable, or let it follow the glass.
- Themed: Automatically matches any ComfyUI theme (Dark, Light, Solarized, Arc, Nord, GitHub).
⚙️ Sidebar Integration
- Organized Settings: All Magnify Glass and Info Panel settings in one place.
- Live Previews: Changes apply instantly without needing to refresh.
- Reset Options: Quickly restore defaults with individual or global reset buttons.
📦 Installation
Option 1: ComfyUI Manager (Recommended)
- Open ComfyUI Manager.
- Search for
ComfyUI-MagnifyGlass. - Click Install.
Option 2: Manual Install
cd /path/to/ComfyUI/custom_nodes
git clone https://github.com/AEmotionStudio/ComfyUI-MagnifyGlass.git
🎮 Usage
| Key | Action |
|---|---|
X |
Activate / Toggle Tool (Master Switch) |
H |
Toggle Follow Cursor Mode |
I |
Toggle Inspector Panel Visibility |
G |
Toggle Glass Preview (Enters "Inspector Only" Mode) |
U |
Pin/Unpin Inspector Panel |
O |
Reset Offsets |
| Arrows | Nudge Glass Position |
Pro Tip: Toggle the Glass Preview (
G) off to keep the Inspector Panel active but hide the magnifying preview.
⚙️ Configuration
Access settings via the new Sidebar Panel or the ComfyUI Settings (⚙️) menu.
Magnify Glass
| Setting | Default | Description |
|---|---|---|
| Zoom Factor | 300 |
Magnification level (300 = 3x). |
| Glass Size | 300px |
Diameter of the lens. |
| Shape | Rounded |
Circle, Square, or Rounded Square. |
| Activation Key | X |
Hotkey to toggle the tool. |
Information Panel
| Setting | Default | Description |
|---|---|---|
| Theme | Auto |
Syncs with ComfyUI theme automatically. |
| Opacity | 100% |
Transparency of the panel background. |
| Show Hover Controls | On |
Displays the quick-action toolbar on the panel. |
| Controls Position | Top |
Position of hover controls (Top/Bottom). |
📝 License
This project is licensed under the GPL-3.0 License - see the LICENSE file for details.
🤝 Contributing
Contributions are welcome! Please submit a Pull Request or open an Issue on GitHub.
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature) - Commit your Changes (
git commit -m 'Add some AmazingFeature') - Push to the Branch (
git push origin feature/AmazingFeature) - Open a Pull Request
Developed by AEmotionStudio
Languages
TypeScript
51.4%
JavaScript
33%
CSS
8.9%
HTML
6.7%
