Framer Code Override

Negative Gap

Add negative gap sizes to a stack layout to make items overlap.

Get over 60 components and code overrides for building websites with Framer!
No subscription - pay once, use forever.

Type

Code Override

Free

No

Last Updated

May 17, 2024

Instructions

Instructions

In your Framer project, navigate to the Assets tab and create a new code file. Replace the example code with the code override, then add it to a layer in the "Code Override" section of the properties panel.

Add the horizontal or vertical negative gap override to a layer in your project, then name the layer like this: "Gap: -#" with # being the gap size you want to use.