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.