Relative Overlays Showcase

Nandi Muzsik

How can I improve Framer Uni?

Let me know if there’s a missing feature or something that could be improved.

Share feedback

Nandi Muzsik

How can I improve Framer Uni?

Let me know if there’s a missing feature or something that could be improved.

Share feedback

Website

Relative Overlays Showcase

This is a demo file and website showcasing the differences between fixed and relative overlays in Framer. You should remix this project to see how much time relative overlays can save you when you're crafting popovers.

image of Nandi Muzsik

Created by

Relative Overlays Showcase
Relative Overlays Showcase
Relative Overlays Showcase
Framer Overlays: Creating Dropdown Menus And Tooltips thumbnail

Related Lesson

Framer Overlays: Creating Dropdown Menus And Tooltips

Framer Overlays: Creating Dropdown Menus And Tooltips thumbnail

Related Lesson

Framer Overlays: Creating Dropdown Menus And Tooltips

Framer Overlays: Creating Dropdown Menus And Tooltips thumbnail

Related Lesson

Framer Overlays: Creating Dropdown Menus And Tooltips

About the resource

This demo website walks you through the most important highlights from the October 2023 Framer update.

Key sections on the demo:

  1. What is a fixed ovelay.

  2. What is a relative overlay.

  3. New pre-built menus.

  4. Old way of building dropdowns.

  5. New way of building dropdowns.

  6. Relative overlays within components.

About the resource

This demo website walks you through the most important highlights from the October 2023 Framer update.

Key sections on the demo:

  1. What is a fixed ovelay.

  2. What is a relative overlay.

  3. New pre-built menus.

  4. Old way of building dropdowns.

  5. New way of building dropdowns.

  6. Relative overlays within components.

About the resource

This demo website walks you through the most important highlights from the October 2023 Framer update.

Key sections on the demo:

  1. What is a fixed ovelay.

  2. What is a relative overlay.

  3. New pre-built menus.

  4. Old way of building dropdowns.

  5. New way of building dropdowns.

  6. Relative overlays within components.

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Nandi portrait's background
Nandi's portrait

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Nandi portrait's background
Nandi's portrait

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Nandi portrait's background
Nandi's portrait

More resources

More resources

  • Framer landing page with 3D floating mobile screens showcasing finance and crypto app designs, featuring 'Start With Framer' headline and no-code website builder tagline

    Animated Mini Website Template for Framer

    Website

    Framer landing page with 3D floating mobile screens showcasing finance and crypto app designs, featuring 'Start With Framer' headline and no-code website builder tagline

    Animated Mini Website Template for Framer

    Website

    Framer landing page with 3D floating mobile screens showcasing finance and crypto app designs, featuring 'Start With Framer' headline and no-code website builder tagline

    Animated Mini Website Template for Framer

    Website

  • Draggable Freeform Canvas Website in Framer

    Draggable Freeform Canvas Website in Framer

    Website

    Draggable Freeform Canvas Website in Framer

    Draggable Freeform Canvas Website in Framer

    Website

    Draggable Freeform Canvas Website in Framer

    Draggable Freeform Canvas Website in Framer

    Website