Fixed Overaly
Stays at a fixed position within the viewport. Used for modals, toasts, and videos.
Modal
Relative Overlay
It is positioned relative to the element. Used for dropdowns
or popovers.
Hover me
Pre-Built Menus
Pick from pre-built overlays from the insert menu. Just drag and drop onto the element, and you're done.
Dropdown
Framer
Is really
Good
Old Way of Building Dropdowns
We had to make several variants with absolutely positioned frames hidden to achieve the dropdown interaction.
Dropdown
New Way of Building Dropdowns
Now, we can work with two simple variants and a relative overlay to create dropdown menus.
Relative Overlays Within Components
What's super powerful about relative overlays is that you can use them within components too.