New Component - Image

New component imageNew Component: Image

The simplest dynamic field is often a picture. A product photo, an author avatar, a partner logo, the hero of the article you're generating an OG card for. The Image component drops any image into a design from a URL and swaps it on every render.

Fit and frameFit and frame

Point it at an image URL and control how it sits in its box. imageSize maps to CSS object-fit (cover, contain, fill, none, scale-down) and imagePosition sets the focal point, so you crop exactly where you want. Round the corners with borderRadius, set to half the box size for a perfect circle, then add a border, a background behind transparent art, and a drop shadow to lift it off the canvas.

Dynamic data per renderDynamic data, per render

The URL lives on the component and is overridable like any other field:

POST https://render.imejis.io/v1/<design-id>
{ "photo.image": "https://picsum.photos/seed/hello/600/600" }

Every render fetches whatever URL you send, from your CDN, a storage bucket, or your own API. Build the card once and let product photos, avatars, or event logos ride in from your data.

Try itTry it

It's under Content in the editor palette, with a live playground on the image component page and ready-made looks for contain, circle avatars, and polaroid frames.