Framer Code Override

Negative Gap

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

Access over 60 components for building websites!
No subscription - pay once, use forever.


Code Override



Last Updated

May 17, 2024



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.