# Convert Mobile App Screens to React

**Use case:** 

Turn a mobile app screen mockup into React code so developers move from design to a working prototype without redraws.

## Input

```json
{
  "imageUrls": [
    "https://upload.wikimedia.org/wikipedia/commons/1/19/Mobile_app_ui_mockup.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.