---
title: "CMS Media Bento — Framer component · Best of Framer"
description: "$12.00 · Framer component · by Axis Supply · Galleries · ranked #64 among Framer components. CMS Image Bento is a flexible, media-focused bento gallery for Framer that combines a clean…"
canonical: "https://framer.elliotli.dev/component/cms-media-bento"
---

[Home](/)/[Components](/components)/[Galleries](/components/category/galleries)/CMS Media Bento

# CMS Media Bento

CMS Ready Flexible Bento Gallery

[View on Framer](https://framer.com/marketplace/components/cms-media-bento/?via=elliot-li)

![CMS Media Bento preview image 1](https://framer.elliotli.dev/og/component/cms-media-bento/ca8899b0b320ccbd/1600x1200.jpg)

## Summary

CMS Image Bento is a flexible, media-focused bento gallery for Framer that combines a clean asymmetric layout with customizable image cards, smooth interactions, responsive…

## Description

**CMS Image Bento** is a flexible, media-focused bento gallery for Framer that combines a clean asymmetric layout with customizable image cards, smooth interactions, responsive sizing, and individual CMS linking. It’s designed for showcasing projects, portfolios, case studies, products, campaigns, photography, and other visual content in a modern bento-style presentation.

Each card can be connected individually to a **Framer CMS page or any URL** using its CMS Link control. This allows every image to act as a direct entry point to its related content without requiring the component to be a CMS Collection.

## ✦ Bento Image Layout

-   **Asymmetric Grid** — Create a modern bento-style composition with varied image sizes.
    
-   **Flexible Card Layout** — Arrange visual content into a dynamic editorial-style gallery.
    
-   **Responsive Scaling** — Adapt the layout smoothly across different screen sizes.
    
-   **Custom Image Sizing** — Control the proportions and dimensions of individual visual elements.
    
-   **Balanced Composition** — Create visually rich layouts without sacrificing clarity.
    

## ✦ CMS-Friendly Links

-   Connect individual cards to **Framer CMS pages**.
    
-   Add a unique **CMS Link** to every image.
    
-   Link cards to projects, case studies, products, articles, or campaigns.
    
-   Use external URLs when needed.
    
-   Turn every image into a clickable visual navigation element.
    

## ✦ Image Controls

-   **Image Uploads** — Add images directly inside Framer.
    
-   **Image URLs** — Use hosted images when preferred.
    
-   **Custom Titles & Subtitles** — Add supporting information to each card.
    
-   **Card Links** — Give every image its own destination.
    

## ✦ Fully Customizable

Control **images, image URLs, CMS links, card sizing, layout, spacing, aspect ratios, corner radius, shadows, background, hover effects, captions, text, links, navigation, and responsive behaviour** directly from Framer.

## ✦ Perfect For

**Creative Portfolios · Design Studios · Agencies · Photography · Fashion · Architecture · Product Showcases · Case Studies · Campaigns · Editorial Websites · Art Direction · Personal Websites**

## Rank history [How rankings work →](/terms#rankings)

-   All · #64

## Details

- **Author**: Axis Supply
- **Price**: $12.00
- **Published**: 2026-08-21
- **Updated**: 2026-10-27
- **Added**: 2026-08-21
- **Categories**: Galleries

## More like this

-   [Infinite Pan Canvas](/component/infinite-pan-canvas) — Aisol Studio · $15 — Endless image wall you can drag
-   [CMS Photo Pile](/component/cms-photo-pile) — Marso Angelov · $10 — Draggable Photo Gallery
-   [CMS Infinity Grid](/component/cms-infinity-grid) — 55N · Free — Boundless exploration.
-   [Endless CMS Reel](/component/endless-cms-reel) — Marso Angelov · $10 — Horizontal Momentum Gallery