Good news for Framer builders! 🎉 Sticky Viewport component is now live on the Framer Marketplace — your new go-to 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 an element sitting too high or too low as viewport height changes.

Sticky Viewport closes that gap with a viewport-aware offset that keeps sticky elements accurately positioned across different screen heights — without writing a line of code.

That matters most for product demos and scroll-driven storytelling, where a video, animation, or layered element needs to stay optically aligned as the layout changes. Not just visible on screen, but sitting exactly where the story needs it to be.

Dynamic mode automatically scales the offset with viewport height.

Manual mode locks the offset to fixed tiers.

Both run on Framer’s native Sticky workflow — no custom code required.

🎥 Watch the short insight video below to see the difference: the demo browser changes viewport height in real time, showing how the positioning responds across different screen sizes, with Diagnostics providing live feedback along the way.

👉 Grab it on the Framer Marketplace

Sticky Viewport component just went live. Here's why it's built the way it is.

A single fixed offset rarely holds up across different viewport heights. Sticky Viewport adapts the offset and makes the behavior visible: a live Diagnostics overlay confirms target status, sticky state, viewport height, and final position, both in Preview and on the published page.

Dynamic mode automatically scales with viewport height. Manual mode locks the offset to fixed tiers. Runs on Framer's native Sticky workflow, no custom code required.

Shots below: naming the target layer, Diagnostics mid-scroll showing Active sticky state, and Properties panel showing Dynamic vs Manual modes.

Full setup guide →

Sticky Viewport is live on the Marketplace. Framer's native Sticky positioning uses one fixed offset that drifts across different screen sizes — Sticky Viewport keeps it responsive instead, working as a steady anchor for hero sections, sidebars, scroll-driven layouts, and more, with Dynamic auto-scaling or fixed Manual tiers and a built-in Diagnostics overlay to confirm it's actually working. No code. See the full guide with video + live demo →