• Blog
  • Docs
  • Pricing
  • We’re hiring!
Log inSign up
anibalpw

anibalpw

comfy-frontend

Public
Like
comfy-frontend
Home
Code
4
backend
2
frontend
5
shared
2
README.md
Branches
1
Pull requests
Remixes
History
Environment variables
Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data – all from the browser, and deployed in milliseconds.
Sign up now
Code
/
README.md
Code
/
README.md
Search
8/14/2025
Viewing readonly version of main branch: v16
View latest version
README.md

ComfyUI Frontend

A web interface for interacting with ComfyUI API endpoints. This application allows users to:

  • Connect to any ComfyUI instance by IP address
  • Upload and execute workflow JSON files
  • Monitor job progress and view results
  • Download generated images

Project Structure

β”œβ”€β”€ backend/
β”‚   β”œβ”€β”€ index.ts             # Main Hono server
β”‚   └── README.md
β”œβ”€β”€ frontend/
β”‚   β”œβ”€β”€ components/
β”‚   β”‚   β”œβ”€β”€ App.tsx          # Main React application
β”‚   β”‚   β”œβ”€β”€ WorkflowUpload.tsx
β”‚   β”‚   β”œβ”€β”€ JobStatus.tsx
β”‚   β”‚   └── ImageGallery.tsx
β”‚   β”œβ”€β”€ index.html           # Main HTML template
β”‚   β”œβ”€β”€ index.tsx            # Frontend entry point
β”‚   └── style.css
β”œβ”€β”€ shared/
β”‚   β”œβ”€β”€ types.ts             # Shared TypeScript types
β”‚   └── utils.ts             # Shared utility functions
└── README.md

Features

  • IP Configuration: Connect to any ComfyUI instance
  • Workflow Upload: Upload and validate workflow JSON files
  • Job Management: Queue workflows and monitor progress
  • Image Gallery: View and download generated images
  • Real-time Updates: WebSocket support for live progress updates

Usage

  1. Enter your ComfyUI server IP address
  2. Upload a workflow JSON file (exported from ComfyUI)
  3. Click "Execute Workflow" to start generation
  4. Monitor progress and view results

API Endpoints

  • GET / - Serve the frontend application
  • POST /api/execute - Execute a workflow
  • GET /api/status/:jobId - Get job status
  • GET /api/history - Get execution history
  • GET /api/images/:filename - Serve generated images
FeaturesVersion controlCode intelligenceCLIMCP
Use cases
TeamsAI agentsSlackGTM
DocsShowcaseTemplatesNewestTrendingAPI examplesNPM packages
PricingNewsletterBlogAboutCareers
We’re hiring!
Brandhi@val.townStatus
X (Twitter)
Discord community
GitHub discussions
YouTube channel
Bluesky
Open Source Pledge
Terms of usePrivacy policyAbuse contact
Β© 2026 Val Town, Inc.