shikhargen/imagex

ImageX is a visual editor for building AI image generation workflows on your own machine. Instead of typing commands or filling out forms, you work with a node-based interface, a canvas where you connect building blocks together to define a pipeline. Each node represents a step, and you wire them up visually to control how images are created or processed. The editor runs locally, meaning all projects and workflows are stored on your machine rather than in the cloud. You can apply real-time image edits, cropping, rotating, flipping, blurring, and adjusting color balance, while seeing results instantly. These live previews are powered by WASM (WebAssembly), a technology that lets high-performance code run directly in the browser. For generating images, the tool connects to OpenAI Codex, streaming output as it arrives so you see progress in real time. The interface is designed around keyboard-first use, with a consistent dark theme and amber accent throughout. Authentication with OpenAI Codex is handled via OAuth, a standard sign-in flow, so no manual credential management is needed beyond a single authentication command. Under the hood, ImageX is built with React 19, TypeScript, and Vite for the frontend, with Tailwind CSS v4 and shadcn/ui providing visual components, and React Flow powering the node canvas. Image processing runs through photon-rs (WASM) in the browser and photon-node on the server side. The backend is an Express.js server running on Node.js. This tool suits designers, developers, or hobbyists who want a flexible, locally hosted environment for experimenting with AI-driven image creation without relying on a hosted service.