Ollama UI Forge

Select a UI component on screen, generate its interactive HTML clone via Ollama, and save it.

Ollama UI Forge – Turn Images into Interactive HTML & JavaScript Components with Local AI What if you could recreate a web component simply by giving AI an image of it? Ollama UI Forge is an AI-powered browser extension that uses local Ollama models and AI agents to analyze visual references and generate fully functional HTML and JavaScript components. Instead of manually building a component from scratch, provide an image of the interface you want to recreate. Ollama UI Forge uses a sequence of AI-powered steps to interpret the design, generate the code, and produce a component that you can save directly as an HTML file. KEY FEATURES & CAPABILITIES • Image-to-Code Generation: Provide an image of a UI component and let local AI agents recreate it. • HTML Generation: Generate clean HTML markup based on the visual reference. • JavaScript Integration: Generate JavaScript to add functionality and interactivity to components. • Agent-Based Workflow: Uses multiple AI-driven steps to analyze the visual structure and produce the component. • Save as HTML: Save the generated component as an HTML file for instant testing, use, or further editing. POWERED BY LOCAL OLLAMA MODELS Ollama UI Forge uses Ollama to run AI models locally on your computer. The extension is designed to make AI-assisted component generation accessible using relatively small local models (including models in the ~4 GB range), while also supporting larger models if your hardware permits. Note: Output quality depends on the selected model, image clarity, and component complexity. GETTING STARTED If you don't have Ollama installed, download it from the official site: https://ollama.com/download Ollama UI Forge – Turn images into interactive web components. See it. Generate it. Build it. 🛠️ Getting Started Step 1 – Install Ollama Make sure Ollama is installed and running on your computer. Download it from the official website and grab a model that supports your tasks (including a vision model for screenshots). Step 2 – Connect Ollama to Ollama UI Forge Your browser extension needs permission to communicate with your local Ollama API. Recommended (Easy): Use Ollama Local Bridge <https://payhip.com/b/HlqFf> to configure the connection automatically. Manual Setup: If you prefer not to use the bridge, open Windows PowerShell and start Ollama with allowed origins: PowerShell $env:OLLAMA_ORIGINS="chrome-extension://<extension id>" ollama serve (Keep the PowerShell window open while using the extension). Step 3 – Start Using Ollama UI Forge Open Chrome, select the extension, highlight text or capture a screen area, enter your prompt, and let your local model do the rest! 🔒 Privacy & Local Processing Your selected model processes requests locally on your computer rather than sending data to a cloud AI service, giving you complete control over your environment and data privacy. 📋 Requirements Google Chrome or a compatible Chromium-based browser Ollama installed and running locally A compatible Ollama model (plus a vision model for screenshot analysis) Ollama configured to accept requests from the browser extension