Polaroid image

Image styletype: "image"

Wrap photos in a padded white frame with a soft shadow for a printed-photo look, swapping the picture on every API call. Create polaroid images free.

Edit it — this is the actual editor panel

Design JSON — “Polaroid” variant

{
  "title": "Image sample",
  "description": "A rounded dynamic photo",
  "dimensions": {
    "width": 800,
    "height": 420
  },
  "background": {
    "color": "#ffffff"
  },
  "components": [
    {
      "id": "sample-image",
      "key": "photo",
      "type": "image",
      "position": {
        "x": 250,
        "y": 60
      },
      "rotation": 0,
      "size": {
        "width": 300,
        "height": 300
      },
      "dynamic": true,
      "image": "https://picsum.photos/600/600",
      "properties": {
        "imageSize": "cover",
        "borderRadius": 4,
        "opacity": 1,
        "padding": "12px",
        "backgroundColor": "#ffffff",
        "boxShadow": "0 10px 25px rgba(0,0,0,0.15)"
      }
    }
  ]
}

Image examples

Real renders of the polaroid image — each one is the same component with different property values, and the API payload below each preview reproduces it exactly.

Event recap snapshot

A meetup photo in a thick white frame on a soft gray canvas.

API overrides for this example

{
  "photo.imageSize": "cover",
  "photo.padding": "16px",
  "photo.backgroundColor": "#ffffff",
  "photo.borderRadius": 4,
  "photo.boxShadow": "0 16px 32px rgba(0,0,0,0.2)"
}

UGC photo feature

A customer photo framed in warm cream for a community showcase post.

API overrides for this example

{
  "photo.imageSize": "cover",
  "photo.padding": "12px",
  "photo.backgroundColor": "#FFF7ED",
  "photo.borderRadius": 2,
  "photo.boxShadow": "0 10px 25px rgba(0,0,0,0.15)"
}

When to use the polaroid style

Event photo recap graphics
User-generated content showcases
Nostalgic social media campaigns

Use it dynamically via the API

Point '<key>.image' (or just '<key>') at any image URL per render; opacity, borders and padding can be overridden too.

Full API request with this variant's current values — the playground above sends only the properties you change

curl --location 'https://render.imejis.io/v1/{{YOUR_DESIGN_ID}}' \
--header 'dma-api-key: {{YOUR_API_KEY}}' \
--header 'Content-Type: application/json' \
--data '{
    "photo.image": "https://picsum.photos/600/600",
    "photo.imageSize": "cover",
    "photo.borderRadius": 4,
    "photo.opacity": 1,
    "photo.padding": "12px",
    "photo.backgroundColor": "#ffffff",
    "photo.boxShadow": "0 10px 25px rgba(0,0,0,0.15)"
}'

Only send the properties you want to change — everything else keeps its design value. See the API documentation for all languages.

Other image styles

Default Contain Circle avatarPolaroid

See the image component page for the full property reference and FAQs.