Resources

Horizontal Scrolling Effect

View demo

Remix

Remix

Resources

Horizontal Scrolling Effect

View demo

Remix

Animation

Horizontal Scrolling Effect

This is a recreation of the wild horizontal scrolling effect from the Think Dance website, but in Framer. The demo is a bit crazy, but it clearly demonstrates how to set up a horizontal scrolling section on your Framer website.

image of Nandi Muzsik

Created by

Nandi

Horizontal Scrolling Effect
Horizontal Scrolling Effect
Horizontal Scrolling Effect

About the resource

This effect leverages two key features of Framer.

  1. Sticky positioning, which keeps the section visible as you scroll down the page.

  2. Scroll transform, used to offset the items on the x-axis as you scroll down the section.

It's pretty straightforward. Give it a remix and see for yourself.

About the resource

This effect leverages two key features of Framer.

  1. Sticky positioning, which keeps the section visible as you scroll down the page.

  2. Scroll transform, used to offset the items on the x-axis as you scroll down the section.

It's pretty straightforward. Give it a remix and see for yourself.

About the resource

This effect leverages two key features of Framer.

  1. Sticky positioning, which keeps the section visible as you scroll down the page.

  2. Scroll transform, used to offset the items on the x-axis as you scroll down the section.

It's pretty straightforward. Give it a remix and see for yourself.

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

    3D Staircase Scroll Animation in Framer

    3D Staircase Scroll Animation in Framer

    Animation

    3D Staircase Scroll Animation in Framer

    3D Staircase Scroll Animation in Framer

    Animation

    3D Staircase Scroll Animation in Framer

    3D Staircase Scroll Animation in Framer

    Animation

    Interactive 3D Hero Animation in Framer

    Interactive 3D Hero Animation in Framer

    Animation

    Interactive 3D Hero Animation in Framer

    Interactive 3D Hero Animation in Framer

    Animation

    Interactive 3D Hero Animation in Framer

    Interactive 3D Hero Animation in Framer

    Animation