Search

effects

start

effects

design

effects

scroll

effects

navigation

effects

cms

effects

localization

effects

insert

effects

templates

effects

management

effects

integrations

effects

code

effects

courses

Rotating Grid on Scroll

How to build a rotating grid on scroll in Framer

In this video, you’ll learn how to create a rotating grid of videos as you start scrolling down the page.

Intermediate

In the video, I provide a step-by-step tutorial on setting up the project in Framer. This involves creating frames, positioning videos within a container, adding scroll transform effects, and adjusting the scale and rotation of the elements. I also address common issues, such as videos appearing clipped or scrolling out of view.

Throughout the tutorial, I share valuable insights and tips for achieving the desired result. Additionally, I add extra functionality to the grid by incorporating a play button and overlay that allows users to view videos in full screen.