Layerbox — User Documentation

Image & Video Lightbox for Framer

Create polished fullscreen image and video experiences directly from your existing Framer layers. Layerbox is designed to fit into your normal Framer workflow instead of replacing your layout.

1. Getting Started


Add Layerbox to your Framer project and place the component on the page where you want the lightbox experience to be managed. The component works as a central control point for your lightbox settings.

Layerbox is a Framer Code Component. Framer Code Components can render on the canvas, in Preview, and on the published site, while property controls expose editable settings in the Framer interface.



2. The Layerbox Workflow



Layerbox follows a simple workflow:



1. Select your image or video layers.



2. Choose a lightbox preset or skin.



3. Customize the visual style and controls.



4. Preview the experience in Framer.



5. Publish your site.

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