Negative Gap

Whether you're fine-tuning the gap between elements or creating overlapping effects, it simplifies the process and saves time in your design workflow. Both horizontal and vertical stacks are supported!

How to use

Place the component between the Stack layers where you want to apply the negative gap. Then, select it in the Layers panel and set the desired negative gap value from the right sidebar. Try to avoid placing it at the beginning or end inside the parent element.

Pro tip

Add an appear effect to the container stack with 0.1s delay to hide layout shift.