AI Pic2Code

What it does

AI providers

The tool supports Google Gemini models and OpenRouter models, including Claude, GPT-4o, DeepSeek, Grok, and Qwen.checked 7 Oct 2026

API credentials

The installation instructions call for Gemini and OpenRouter API keys in a local .env.local file.checked 7 Oct 2026

Architecture

The project describes itself as frontend-only, with no backend, server, or storage, and says AI requests are made directly from the browser.checked 7 Oct 2026

Code outputs

It generates HTML with Tailwind CSS, React JSX with Tailwind, Flutter UI in Dart, and React Native components.checked 7 Oct 2026

Code viewer

A multi-tab code viewer displays generated code for HTML, React, Flutter, and React Native.checked 7 Oct 2026

Design tools

The tool includes color palette extraction from an image, voice input, and dark and light modes.checked 7 Oct 2026

Image input

The interface includes drag-and-drop image upload and an image preview modal.checked 7 Oct 2026

Install and run

The repository provides instructions to clone the project, install dependencies with npm, and run it locally.checked 7 Oct 2026

Intended users

The maker describes the tool as helping developers and designers turn UI mockups into working code and rapidly prototype or build responsive web pages.checked 7 Oct 2026

Purpose

AI Pic2Code converts UI screenshots or design images into clean frontend code.checked 7 Oct 2026

Roadmap

The listed planned features include Vue and Angular output, ZIP export, local history, custom Tailwind theme generation, and AI cleanup.checked 7 Oct 2026

Support

The project lists [email protected] as its contact email.checked 7 Oct 2026