Comfy-Org/ComfyUI_frontend

ComfyUI_frontend – the official web‑based UI for ComfyUI

ComfyUI is an open‑source visual programming environment for building and running AI image‑generation pipelines (Stable Diffusion, ControlNet, etc.). ComfyUI_frontend is the companion front‑end that runs in a browser (or the Electron‑based desktop app) and lets users assemble, edit, and execute those pipelines without writing code.

What it does

Graph editor – a node‑based canvas (built on Litegraph) where each node represents an AI model, a preprocessing step, or a post‑processing operation. Users can drag‑and‑drop, connect, and configure nodes visually.
Real‑time preview – generated images appear instantly as the graph runs, making experimentation fast.
Built‑in tools – mask editor, queue/history sidebar, node library with fuzzy search, and a customizable top‑bar.
Internationalisation – native i18n support for 14 languages, selectable from the UI.
Extensibility – a JavaScript extension API lets developers add custom panels, commands, keybindings, toast notifications, and settings without modifying the core code.

Notable features (as of the latest release)

Feature	What you get
Native translation (v1.5)	Choose a language from `Comfy > Locale > Language`; UI strings are translated on‑the‑fly, no third‑party plugins needed.
Mask editor (v1.4)	Paint or import masks directly in the UI and attach them to nodes.
Integrated server terminal (v1.3.22)	Press `Ctrl`+` to open a terminal that talks to the ComfyUI backend.
Keybinding customization (v1.3.7)	Re‑map shortcuts, edit node titles, reset canvas, etc., via a dedicated UI.
Node library sidebar (v1.2.4)	Drag‑and‑drop nodes, filter by type, and search with fuzzy matching.
Queue/History sidebar (v1.2.0)	See past runs, re‑run them, or inspect intermediate results.
Litegraph quality‑of‑life tweaks – nested groups, group selection, link‑visibility toggle, auto‑widget‑to‑input conversion, pan mode, shift‑drag link creation, optional‑input “donuts”, etc.

Extension API (quick cheat‑sheet)

// Register an extension
app.registerExtension({
  name: 'MyExtension',
  // add a custom sidebar tab
  sidebarTabs: [{
    id: 'myTab',
    title: 'My Tab',
    icon: 'pi pi-star',
    render: el => { el.innerHTML = '<div>Hello</div>'; }
  }],
  // add a top‑bar menu command
  commands: [{ id: 'myCmd', label: 'Do it', function: () => alert('run') }],
  menuCommands: [{ path: ['ext', 'my'], commands: ['myCmd'] }],
  // custom keybinding
  keybindings: [{ combo: { key: 'k' }, commandId: 'myCmd' }],
  // toast notification
  onLoad: () => app.extensionManager.toast.add({ severity: 'info', summary: 'Loaded', detail: 'MyExtension ready' })
});

The API also provides replacements for window.prompt/confirm/alert (which are unavailable in the Electron desktop build) and a modern settings system (app.registerExtension({ settings: [...] })).

Release cadence

Development phase – 2 weeks of feature work on the development branch.
Feature freeze – 2 weeks where only bug‑fixes are cherry‑picked to the release branch.
Publication – at the end of the freeze a stable version is tagged.
Nightly builds – published daily; use them by launching ComfyUI with --front-end-version Comfy-Org/ComfyUI_frontend@latest.

Overlapping cycles mean a new minor version starts development while the previous one is in freeze, giving roughly a 4‑week window from merge to a stable release.

Getting started / troubleshooting

Installation – the front‑end is bundled with the ComfyUI desktop app or can be served separately for a web‑only setup. Follow the official docs: https://docs.comfy.org/installation/desktop/windows.
Common issues – see the troubleshooting guide for performance tips, custom‑node conflicts, and desktop‑specific quirks: https://docs.comfy.org/troubleshooting/overview.
Development – see CONTRIBUTING.md for setting up a dev environment, running Storybook, and writing extensions.

Who might use it?

Artists & creators building Stable Diffusion pipelines who prefer a visual workflow.
Researchers prototyping new model combinations without writing Python glue code.
Extension developers who want to add custom UI panels, commands, or integrations to ComfyUI.

Bottom line

ComfyUI_frontend is a fully‑featured, actively maintained UI layer for the ComfyUI AI workflow engine. It provides a polished node‑graph editor, multilingual support, and a rich JavaScript extension system, all released on a predictable schedule with nightly builds for early adopters.