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.