Back

Open Plugin in Framer

Switch to desktop

Thanks for sharing :)

Liked

Get started on Framer

Get 3 free months on Yearly Subscription by entering "partner25proyearly" code at checkout.

Get started on Framer

Get 3 free months on Yearly Subscription by entering "partner25proyearly" code at checkout.

Negative Gap

With this code component you can connect multiple frames and set a negative gap between them. The nice part is that you can create a regular component and place Negative gap inside, where you can animate between multiple states and have the transition play smoothly between variants like the demo on the left. Click "switch direction"

Adjustable properties

Gap value

Distribution & alignment

Direction

Stacking style

Works with native transitions

How do I use it?

If you have Premium access simply click Open Plugin in Framer and you can insert the component into canvas from the Plugin, if you are purchasing it individually you will receive a Remix link with instructions. It will appear in your left sidebar in the Assets tab under components - Eleveight Supply folder. From there you can drag it into your canvas for a new instance.

Check out the set up guide

Get started on Framer

Get 3 free months on Yearly Subscription by entering "partner25proyearly" code at checkout.

Framer Plugin

new

Check out our new companion, the Eleveight Supply Framer plugin. Get quick access to all of your components and overrides right within Framer.

Get the Plugin