Distorted Scroll

Distorted Scroll turns your projects into a full-screen gallery with liquid image transitions that react to scrolling. It’s made for portfolios, creative studios, photographers, and visual brands that want visitors to spend time with the work.

What you can customize

• Add and reorder projects

• Set each project’s image, title, category, year, and case-study link

• Adjust Scroll Length to control how much page space the gallery uses

• Tune Liquid Strength and Image Sensitivity to change the feel of the transition

• Change the text color, background, title size, and image overlay

• Show or hide the custom cursor and edit its text

How to use Add the component to your Framer page, open Projects in the Properties panel, and replace the sample content with your own. Adjust the settings to match your site, then preview the page to test the scrolling and project links.

The live preview shows the effect in action.