GALLERY PRO

FRAMER COMPONENT

v1.0

FRAMER COMPONENT

Product imagery, properly handled.

Product imagery, properly handled.

A production-ready gallery for Framer with thumbnails, lightbox, zoom, keyboard navigation, mobile gestures, and CMS-friendly architecture.

A production-ready gallery for Framer with thumbnails, lightbox, zoom, keyboard navigation, mobile gestures, and CMS-friendly architecture.

Image 1 of 5: Sculptural chair in a daylight studio, three-quarter view
Sculptural chair in a daylight studio, three-quarter view
Studio Chair — Three-Quarter

Everything a product gallery should do.

No shortcuts. Every interaction a serious product page needs, built in.

01

Lightbox

02

Zoom + Pan

03

Mobile Swipe

04

Keyboard Navigation

05

Responsive Thumbnails

06

CMS Ready

07

Reduced Motion

08

Multiple Layouts

INTERACTION / 01

Go closer.

Go closer.

Open the image, zoom into the details, and drag to inspect.

Open the image, zoom into the details, and drag to inspect.

Image 1 of 5: Sculptural chair in a daylight studio, three-quarter view
Sculptural chair in a daylight studio, three-quarter view
Studio Chair — Three-Quarter

Click to open · Scroll to zoom · Drag to inspect

CONFIGURATIONS

One component. Different contexts.

One component. Different contexts.

PRODUCT

Bottom Thumbnails

Image 1 of 5: Sculptural chair in a daylight studio, three-quarter view
Sculptural chair in a daylight studio, three-quarter view
Studio Chair — Three-Quarter

EDITORIAL

Image First

Image 1 of 5: Sculptural chair in a daylight studio, three-quarter view
Sculptural chair in a daylight studio, three-quarter view
Studio Chair — Three-Quarter

TECHNICAL

Contained Fit

Image 1 of 5: Sculptural chair in a daylight studio, three-quarter view
Sculptural chair in a daylight studio, three-quarter view
Studio Chair — Three-Quarter

CMS READY

One gallery. Any product.

One gallery. Any product.

Bind Gallery Pro to product imagery and reuse the same gallery across your CMS-driven product pages.

Bind Gallery Pro to product imagery and reuse the same gallery across your CMS-driven product pages.

FRAMER CMS

PRODUCT

MULTI-IMAGE

GALLERY PRO

Gallery Pro stays CMS-agnostic — you bind your collection’s image field to it at the page level, no configuration inside the component.

Gallery Pro stays CMS-agnostic — you bind your collection’s image field to it at the page level, no configuration inside the component.

DESIGNED FOR FRAMER

Configure it without touching code.

Configure it without touching code.

Content, layout, navigation, lightbox, appearance, motion and mobile behaviour stay editable from Framer.

PROPERTIES

Gallery Pro

Images

Preset

Custom · Product · Editorial · Technical

Layout

Thumbnails

Navigation

Counter

Captions

Lightbox

Appearance

Motion

Mobile

RESPONSIVE

Built for every viewport.

Built for every viewport.

Desktop

Tablet

Phone

LIGHTBOX

ZOOM + PAN

CMS READY

MOBILE SWIPE

KEYBOARD

REDUCED MOTION

NO CAROUSEL DEPENDENCY

RESPONSIVE

Drop it in. Make it yours.

Drop it in. Make it yours.

Gallery Pro is built to adapt to the product, brand, and layout around it.

Gallery Pro is built to adapt to the product, brand, and layout around it.

FRAMER CODE COMPONENT · REACT · RESPONSIVE

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