# Batch Convert Wireframes to React Code

**Use case:** 

Convert two UI wireframe images into React components in one run so teams turn whiteboard ideas into code quickly.

## Input

```json
{
  "imageUrls": [
    "https://upload.wikimedia.org/wikipedia/commons/7/70/Wireframe_example_1.png",
    "https://upload.wikimedia.org/wikipedia/commons/8/85/Wireframe_example_2.png"
  ],
  "framework": "react"
}
```

## Output

```json
{
  "imageUrl": {
    "label": "Screenshot",
    "format": "link"
  },
  "framework": {
    "label": "Framework",
    "format": "text"
  },
  "code": {
    "label": "Code",
    "format": "text"
  },
  "notes": {
    "label": "Notes",
    "format": "text"
  },
  "observedAt": {
    "label": "Generated at",
    "format": "text"
  },
  "error": {
    "label": "Error",
    "format": "text"
  }
}
```

## About this Actor

This example demonstrates how to use [Tool: Screenshot to HTML/Code](https://apify.com/scrapers_lat/screenshot-to-code-tool) with a specific input configuration. Visit the [Actor detail page](https://apify.com/scrapers_lat/screenshot-to-code-tool) to learn more, explore other use cases, and run it yourself.