CMS

Basics

Framer CMS blog lightbox

This lightweight override transforms your Framer blog into an immersive reading experience — letting visitors tap any blog image to open it fullscreen in a smooth, elegant lightbox.

No plugins, no messy code. Tap an image below, view, download and close.

What It Does

  • Opens any CMS-driven blog image, video or gif in a fullscreen lightbox

  • Locks scroll and dims the background for focus

  • Closes on tap, click, or delete key making it simple and intuitive

  • Fully customisable with Framer Smart Animate for fade or zoom effects

  • Drag content left and right with ease, or just use the arrow keys

  • Tap download icon to download the content in view

Why You’ll Love It

It’s designed to feel native to your blog to be minimal, responsive, and completely controlled through overrides. Drop it in, link it to your image and overlay frames, and you’re done. You can also customise the look and feel of your buttons, icons and fonts.

Perfect for blogs, portfolios, case studies, and anything visual.

Includes

  • Full override file (code.tsx)

  • Step-by-step setup guide

  • Working example as a remix with connected CMS fields

Create a free website with Framer, the website builder loved by startups, designers and agencies.