Resources

Auto Page Switch When Reaching Bottom in Framer

View demo

Copy component

Remix project

Copy component

Remix project

Resources

Auto Page Switch When Reaching Bottom in Framer

View demo

Copy component

Remix project

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

How to make your first $1,000 with Framer

Free training

How to make your first $1,000 with Framer

Free training

Component

Auto Page Switch When Reaching Bottom in Framer

This is an Auto Switch Page on Scroll code component for Framer, inspired by the Design Embraced website and based on Eduardo’s initial component. It automatically navigates users to a new page when they reach the bottom, helping long-form flows and storytelling feel seamless and uninterrupted. Copy the component into your own project or remix it to explore how scroll-based navigation works in Framer.

image of Nandi Muzsik
profile image of Emanuele
image of Prianca S.
profile image of Eduardo

Created by

Nandi

,

Emanuele

,

Prianca

,

and

Eduardo

Flower Universe project showcase with pink and white lilies

About the resource

To use the Auto Switch Page When Reaching Bottom component, place it on your page and set the destination you want users to navigate to once they scroll to the end. Add a URL for the next page, whether it’s another Framer page or an external link. Choose whether the link should open in the same tab or a new one, then adjust the delay to control how quickly the transition happens after the bottom is reached. Use an instant switch for seamless storytelling or a short pause to give users a moment before moving to the next page.

About the resource

To use the Auto Switch Page When Reaching Bottom component, place it on your page and set the destination you want users to navigate to once they scroll to the end. Add a URL for the next page, whether it’s another Framer page or an external link. Choose whether the link should open in the same tab or a new one, then adjust the delay to control how quickly the transition happens after the bottom is reached. Use an instant switch for seamless storytelling or a short pause to give users a moment before moving to the next page.

About the resource

To use the Auto Switch Page When Reaching Bottom component, place it on your page and set the destination you want users to navigate to once they scroll to the end. Add a URL for the next page, whether it’s another Framer page or an external link. Choose whether the link should open in the same tab or a new one, then adjust the delay to control how quickly the transition happens after the bottom is reached. Use an instant switch for seamless storytelling or a short pause to give users a moment before moving to the next page.

Bottom page link component with URL and delay settings

The bottom page link component properties in Framer.

Bottom page link component with URL and delay settings

The bottom page link component properties in Framer.

Bottom page link component with URL and delay settings

The bottom page link component properties in Framer.

Learn to make your first $1,000 with Framer from zero.

From no followers, no portfolio, no reputation, to making thousands with a profitable Framer business.

Free training

Nandi portrait's background

Learn to make your first $1,000 with Framer from zero.

From no followers, no portfolio, no reputation, to making thousands with a profitable Framer business.

Free training

Nandi portrait's background

Learn to make your first $1,000 with Framer from zero.

From no followers, no portfolio, no reputation, to making thousands with a profitable Framer business.

Free training

Nandi portrait's background

More resources

More resources

View all

  • Music app playlist created screen with artist avatars

    Playlist Generation Circular Animation in Framer

    Component

    Music app playlist created screen with artist avatars

    Playlist Generation Circular Animation in Framer

    Component

  • Customer testimonials section with review letter card

    3D Letter Testimonials in Framer

    Component

    Customer testimonials section with review letter card

    3D Letter Testimonials in Framer

    Component