---
title: "Multi Image Generation"
description: "Generate multiple image variants for a single data point."
url: "https://img.ly/demos/multi-image-generation/web/"
type: "demo"
demoId: "multi-image-generation"
starterkit: "starterkit-multi-image-generation"
platforms: ["Web"]
tags: ["automated-generation","web"]
relatedDemos: ["https://img.ly/demos/batch-image-generation/web/","https://img.ly/demos/headless-design/web/","https://img.ly/demos/automated-resizing/web/","https://img.ly/demos/export-using-renderer/web/"]
webDocumentation: "https://img.ly/docs/cesdk/js/starterkits/multi-image-generation-g7jzku/"
webGithub: "https://github.com/imgly/starterkit-multi-image-generation-react-web"
webCodeSandbox: "https://stackblitz.com/github/imgly/starterkit-multi-image-generation-react-web"
---

> This is the markdown version of [Multi Image Generation](https://img.ly/demos/multi-image-generation/web/). For all pages in one file, see [llms-full.txt](https://img.ly/llms-full.txt). For an index of all available pages, see [llms.txt](https://img.ly/llms.txt).

---

## Available platforms

**Web** — [Open the demo](https://img.ly/demos/multi-image-generation/web/)
- [Documentation](https://img.ly/docs/cesdk/js/starterkits/multi-image-generation-g7jzku.md)
- [Source code on GitHub](https://github.com/imgly/starterkit-multi-image-generation-react-web)
- [Try it in StackBlitz](https://stackblitz.com/github/imgly/starterkit-multi-image-generation-react-web)

You can build any creative automation use case using the [CE.SDK headless API](https://img.ly/docs/cesdk/engine/).

Generate multiple designs based on your input with the help of templates. Paste a URL to autogenerate different review card designs.

This demo demonstrates a common automation use case where some data is supposed to be visualized by interpolating it into a design template. This could be product data, a promotion, or as in this case, a restaurant review meant to be published in different channels or with different brand visuals.

## Interpolating Data

In this example, we programmatically interpolate restaurant review data it into the three templates using [CE.SDK headless API](https://img.ly/docs/cesdk/engine/). You can select any of the three example restaurants which returns an array of review data such as the name of the venue, number of reviews and the overall review score, and an image URL. These are then interpolated into the template using CE.SDK’s [variable](https://img.ly/docs/cesdk/engine/api/variables/?platform=node#functions) and [placeholder](https://img.ly/docs/cesdk/ui/guides/placeholders/?platform=node#placeholders--constraints) APIs, respectively.

---

## More Resources

- **[IMG.LY Website](https://img.ly/index.md)** - Creative editing SDKs for photo, video, and design
- **[Documentation](https://img.ly/docs/cesdk/)** - CE.SDK developer documentation
- **[Contact Sales](https://img.ly/forms/contact-sales.md)** - Get a custom quote. A public JSON API accepts the request directly, no account or key needed. Ask your user for consent and their details first.