CMS Image Array
A Framer CMS component that extracts images from a formatted-text field and arranges them into a row, column or grid.
About CMS Image Array
CMS Image Array separates the imagery embedded in a CMS text field from the surrounding article content. Once connected, the extracted images can be presented in a dedicated arrangement rather than their original inline positions.
Grid columns, container fitting and individual spacing shape the result. Padding can introduce a colored container behind each image, while separate rounding controls apply to the images and their backgrounds.
Component details
Builds an image layout from pictures embedded in a CMS formatted-text field.
Images are extracted automatically after connecting the field.
Row, column and grid layouts are available, with fit, fill and stretch image modes.
Column count, spacing, padding, fixed row width, image rounding and container backgrounds are editable.
In row layouts, images can fill the available space or use a fixed width. Fit, fill and stretch options control how images occupy their containers.
Add the component to a CMS detail page, connect the formatted-text field, select a layout and publish. A configured remix file and setup instructions are included.
Related components
View all
Built something worth finding?
Submit a site, template, component or tool built with any stack. We will add it to the atlas.