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

anibalpw

comfy-frontend

Public
Like
comfy-frontend
Home
Code
5
backend
2
frontend
5
shared
2
README.md
main.tsx
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
/
frontend
/
README.md
Code
/
frontend
/
README.md
Search
8/14/2025
Viewing readonly version of main branch: v14
View latest version
README.md

Frontend Components

React-based frontend for the ComfyUI interface.

Components

App.tsx

Main application component that manages:

  • Server IP configuration and status checking
  • Tab navigation between upload, status, and history
  • Global state management for jobs and history

WorkflowUpload.tsx

Handles workflow file upload and execution:

  • Drag & drop JSON file upload
  • Manual JSON text editing with validation
  • Workflow preview and node analysis
  • Execute button with server status checking

JobStatus.tsx

Displays real-time job status and progress:

  • Automatic polling for status updates
  • Timeline visualization
  • Progress bars for running jobs
  • Error handling and display

ImageGallery.tsx

Shows generated images with:

  • Grid layout with thumbnails
  • Full-size modal view
  • Download functionality
  • Loading states and error handling

Features

  • Real-time Updates: Automatic polling for job status
  • Drag & Drop: Easy workflow file upload
  • Responsive Design: Works on desktop and mobile
  • Error Handling: Comprehensive error states
  • Image Management: View, download, and share generated images
  • History Tracking: Keep track of previous executions

State Management

The app uses React hooks for state management:

  • useState for component-level state
  • useEffect for side effects and polling
  • localStorage for persisting server IP

Styling

Uses TailwindCSS for styling with custom CSS classes for:

  • Drag & drop zones
  • Status indicators
  • Image galleries
  • Modal overlays
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.