Relative Overlays

October 19, 2023

Meet Relative Overlays—a completely new way to design navigations in Framer. Add dropdowns to any layer with Appear Effects, a Dynamic Safe Area, custom positioning, and more. Relative Overlays can be added to Frames, Text, and even Components. We’ve also updated all Navigations in the Insert Panel, and added new Menus that you can drop onto any layer to instantly create new Overlays. Design dropdowns, menus, and tooltips within minutes. Watch the video above for a complete overview, and head to nav.supply for brand new demos to remix.

  • Updated Navigation Components in the Insert Panel

  • New Menu Component Category in the Insert Panel

  • Ability to drag and drop Menus to create new Overlays

  • Ability to drag and drop Menus to swap existing Overlays

  • We now support two Overlay types: Relative and Fixed

  • We calculate a Dynamic Safe Area for your Overlays

  • All-new Relative Overlay edit mode within Components

  • Ability to copy, paste, swap, and replace Overlays

Meet Relative Overlays—a completely new way to design navigations in Framer. Add dropdowns to any layer with Appear Effects, a Dynamic Safe Area, custom positioning, and more. Relative Overlays can be added to Frames, Text, and even Components. We’ve also updated all Navigations in the Insert Panel, and added new Menus that you can drop onto any layer to instantly create new Overlays. Design dropdowns, menus, and tooltips within minutes. Watch the video above for a complete overview, and head to nav.supply for brand new demos to remix.

  • Updated Navigation Components in the Insert Panel

  • New Menu Component Category in the Insert Panel

  • Ability to drag and drop Menus to create new Overlays

  • Ability to drag and drop Menus to swap existing Overlays

  • We now support two Overlay types: Relative and Fixed

  • We calculate a Dynamic Safe Area for your Overlays

  • All-new Relative Overlay edit mode within Components

  • Ability to copy, paste, swap, and replace Overlays

Meet Relative Overlays—a completely new way to design navigations in Framer. Add dropdowns to any layer with Appear Effects, a Dynamic Safe Area, custom positioning, and more. Relative Overlays can be added to Frames, Text, and even Components. We’ve also updated all Navigations in the Insert Panel, and added new Menus that you can drop onto any layer to instantly create new Overlays. Design dropdowns, menus, and tooltips within minutes. Watch the video above for a complete overview, and head to nav.supply for brand new demos to remix.

  • Updated Navigation Components in the Insert Panel

  • New Menu Component Category in the Insert Panel

  • Ability to drag and drop Menus to create new Overlays

  • Ability to drag and drop Menus to swap existing Overlays

  • We now support two Overlay types: Relative and Fixed

  • We calculate a Dynamic Safe Area for your Overlays

  • All-new Relative Overlay edit mode within Components

  • Ability to copy, paste, swap, and replace Overlays