Framer Collage Component with Scroll-Based Image Spreading

Framer Collage Component with Scroll-Based Image SpreadingFramer Collage Component with Scroll-Based Image Spreading

The network for creativity

Join 1.25M professional creatives like you

Connect with clients, get discovered, and run your business 100% commission-free

Creatives on Contra have earned over $150M and we are just getting started

Back to feedPost

Riccardo Fala

• Oct 8

New Framer component: CollageSpread 🧩

Five images or videos that drift apart as you scroll. No code needed, everything is in the panel 😃 Works with the CMS, each image can link to a project, and you can set every position per breakpoint. Check it out: https://www.framer.com/marketplace/components/collage-spread/

Framer Interaction Design React Native Development

Adriano Reis

max

• Oct 9

This card stack transition combining the SVG of each card to the sticky position is giving my brain really satisfying scratches 😘👌

-- I've been doing a lot more Framer developments lately where I don't do the design, I think one of the big advantages of having a strong background in design is that I can see the designers vision to translate it into the web obsessing over the details. I.e. see Figma design screenshot in the comments how each card had the same SVG but in irregular placements, I saw it as an opportunity to perfectly align them on scroll and add a bit of a transparency reveal at the end. It feels way more intentional and ties everything together. Design by @Iverson developed by me

Completed work

Framer Website Development Framer Website Design Interaction Design Framer