Resources

Relative Overlays Showcase

View demo

Remix

Remix

Resources

Relative Overlays Showcase

View demo

Remix

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

Nandi

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

Watch the video

Framer Overlays: Creating Dropdown Menus And Tooltips thumbnail

Related Lesson

Framer Overlays: Creating Dropdown Menus And Tooltips

Watch the video

Framer Overlays: Creating Dropdown Menus And Tooltips thumbnail

Related Lesson

Framer Overlays: Creating Dropdown Menus And Tooltips

Watch the video

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.

Join waitlist

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.

Join waitlist

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.

Join waitlist

Nandi portrait's background
Nandi's portrait

More resources

More resources

View all

    Overlapping Layout in Framer

    Overlapping Layout in Framer

    Website

    Overlapping Layout in Framer

    Overlapping Layout in Framer

    Website

    Overlapping Layout in Framer

    Overlapping Layout in Framer

    Website

    Circular Animated Hero Section in Framer

    Circular Animated Hero Section in Framer

    Website

    Circular Animated Hero Section in Framer

    Circular Animated Hero Section in Framer

    Website

    Circular Animated Hero Section in Framer

    Circular Animated Hero Section in Framer

    Website