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
Good news for Framer builders! π π
The Sticky Viewport component is now live β built for pixel-perfect sticky positioning across different screen heights.
If you've ever nailed a sticky element on your screen, only to have it drift on a shorter laptop or a different device, you know the problem.
Framer's native Sticky positioning uses a fixed offset, which can leave elements sitting too high or too low as viewport height changes.
The Sticky Viewport component solves that with a viewport-aware offset β no custom code required.
Dynamic mode automatically scales with viewport height, while Manual mode locks the offset to fixed tiers.
It's especially useful for product demos and scroll-driven storytelling, where videos, animations, or layered elements need to stay optically aligned as the layout changes.
Watch the video to see the difference: the demo browser changes viewport height in real time, showing how the positioning responds across different screen sizes, followed by Framer Preview with live Diagnostics and Dynamic mode applied.
TOP π―
Thank you π @Celia | BEFAR Studio
Thanks @HichΔm . ! Thatβs exactly what I was trying to solve with the Diagnostics overlay. I originally ran into this while building a scroll-scrubbed hero with a pinned digital dashboard. Getting the screen to sit optically right across different viewport heights was surprisingly...
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
Related posts
The brief was simple. Show a new personalized news feature.
The obvious solution was to show a few clicks in the UI as you choose your topics. Clear, but not very interesting.
So I pulled that moment out of the interface first and turned it into a cloud of topics. You get the idea before you even see the product, then the video drops you back into the real UI and shows where it lives.
I really like these tiny decisions. The feature stays the same, but it feels easier to get and a lot more fun to watch.
Pulling the topic cloud outside the UI makes the feature instantly clearer.
π Botella - my latest template, now live on the Framer Marketplace π
π· Designed for cans, wineries, vineyards, and premium beverage brands. Soooo, Botella combines elegant typography, refined layouts, and immersive visuals to create a sophisticated digital experience πΎ
π Preview it: https://www.framer.com/marketplace/templates/botella/
Amazing