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

  • Colorful 3D balloon letters spelling FORM for creative agency website

    Hero Section With Framer and ChatGPT 4o

    Website

    Colorful 3D balloon letters spelling FORM for creative agency website

    Hero Section With Framer and ChatGPT 4o

    Website

    Colorful 3D balloon letters spelling FORM for creative agency website

    Hero Section With Framer and ChatGPT 4o

    Website

  • About section with 3D spherical text describing designer's background

    Star Wars Prologue Text Effect in Framer

    Website

    About section with 3D spherical text describing designer's background

    Star Wars Prologue Text Effect in Framer

    Website

    About section with 3D spherical text describing designer's background

    Star Wars Prologue Text Effect in Framer

    Website