Infinite Canvas Component for Framer

Copy component

Copy component

Infinite Canvas Component for Framer

Copy component

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 $10K+ with Framer in 60 days

How to Make $10K+ with Framer in 60 days

Component

Infinite Canvas Component for Framer

This is an infinite canvas recreated in Framer from Jorge Toloza’s tutorial demo, where the images move with a smooth parallax effect based on both scroll and drag. You can copy it into your projects to add that expansive, continuous feel to your pages and templates.

Abstract photography gallery collage on black background

About the resource

Take your designs beyond the screen with this Infinite Canvas component. Just copy and paste it onto your canvas, then head over to the right panel to tweak it exactly how you like. You can enable drag, tweak the drag speed, adjust the scroll speed and snappy motion.

For parallax, you can switch it on or off, general and child, you can control the intensity of the parallax effect on the inner elements.

Everything updates instantly, so you can create smooth, endless scrolling experiences without touching a single line of code. Have fun with it!

About the resource

Take your designs beyond the screen with this Infinite Canvas component. Just copy and paste it onto your canvas, then head over to the right panel to tweak it exactly how you like. You can enable drag, tweak the drag speed, adjust the scroll speed and snappy motion.

For parallax, you can switch it on or off, general and child, you can control the intensity of the parallax effect on the inner elements.

Everything updates instantly, so you can create smooth, endless scrolling experiences without touching a single line of code. Have fun with it!

About the resource

Take your designs beyond the screen with this Infinite Canvas component. Just copy and paste it onto your canvas, then head over to the right panel to tweak it exactly how you like. You can enable drag, tweak the drag speed, adjust the scroll speed and snappy motion.

For parallax, you can switch it on or off, general and child, you can control the intensity of the parallax effect on the inner elements.

Everything updates instantly, so you can create smooth, endless scrolling experiences without touching a single line of code. Have fun with it!

UI panel showing infinite-canvas drag and speed settings

The component properties of the infinite canvas component.

UI panel showing infinite-canvas drag and speed settings

The component properties of the infinite canvas component.

UI panel showing infinite-canvas drag and speed settings

The component properties of the infinite canvas component.

Learn how can one go from 0 to $11.5k with Framer in 60 days.

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

Nandi portrait's background

Learn how can one go from 0 to $11.5k with Framer in 60 days.

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

Nandi portrait's background

Learn how can one go from 0 to $11.5k with Framer in 60 days.

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

Nandi portrait's background

More resources

More resources

  • Glowing 'Start Framering' button with Framer logo

    Shader Button Component in Framer

    Component

    Glowing 'Start Framering' button with Framer logo

    Shader Button Component in Framer

    Component

  • Landing page for a Blinds Text Reveal project.

    Blinds Text Reveal Component for Framer

    Component

    Landing page for a Blinds Text Reveal project.

    Blinds Text Reveal Component for Framer

    Component