---
title: "Smart Sticky — Free Framer component · Best of Framer"
description: "Free Framer component · by Farhan Malik · Layout. Scroll-aware sticky wrapper with two mod"
canonical: "https://framer.elliotli.dev/component/smart-sticky"
---

[Home](/)/[Components](/components)/[Layout](/components/category/layout)/Smart Sticky

# Smart Sticky

Scroll-aware sticky wrapper with two mod

[View on Framer](https://framer.com/marketplace/components/smart-sticky/?via=elliot-li)

![Smart Sticky preview image 1](https://framer.elliotli.dev/og/component/smart-sticky/a29a9938dc5e044a/1600x1200.jpg)

## Summary

Scroll-aware sticky wrapper with two mod

## Description

You know how some elements just stick to the screen while you scroll? SmartSticky does that, but with a lot more control over when it shows up and when it goes away. There are two modes. Always mode keeps your element glued to the top or bottom of the screen the whole time someone is scrolling. A navbar, a floating button, a bottom bar. It just stays there. Constrain mode is a bit different. Instead of sticking to the whole screen, it only sticks while a certain part of the page is visible. Once that part scrolls away, the element goes with it. Really useful for CTAs or buttons that only make sense in one section. Both modes come with smooth animations. Slide in, slide out, fade in, fade out. You pick which one and how fast. Everything is controlled from the property panel in Framer. No code, no extra setup. Drop it in, connect your content, and it works.

## Rank history [How rankings work →](/terms#rankings)

-   All · #3135

## Details

- **Author**: Farhan Malik
- **Published**: 2026-04-13
- **Updated**: 2026-04-13
- **Added**: 2026-04-01
- **Categories**: Layout

## More like this

-   [Partner Ticker](/component/partner-ticker) — Cyris · $5 — Minimal logo strip
-   [3D Image Marquee](/component/3d-image-marquee) — Sadman Alam · $8 — 3D Image Marquee presents images in a tilted, three-dimensional grid that feels dynamic and immersive.