---
title: "Before You Leave — Free Framer component · Best of Framer"
description: "Free Framer component · by Michael Slotta · Backgrounds. People leave your page every day."
canonical: "https://framer.elliotli.dev/component/before-you-leave"
---

[Home](/)/[Components](/components)/[Backgrounds](/components/category/backgrounds)/Before You Leave

# Before You Leave

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

![Before You Leave preview image 1](https://framer.elliotli.dev/og/component/before-you-leave/1830bc1fd5c85bdd/1600x1200.jpg)

## Summary

People leave your page every day.

## Description

People leave your page every day. Most of the time, nothing happens.This component changes that.

It detects the exact moment a visitor leaves the viewport and triggers your message right when attention is about to disappear.

You can drop it **anywhere on your page**. It runs silently in the background and **doesn’t interfere with your layout, design, or interactions**. No hacks. No side effects.

It connects to **any Framer Frame**.That means you can wire it directly to a **Framer Form**, a CTA, a modal, or any custom flow you’ve built — without extra logic.

Use it to:

-   Capture emails before users leave
    
-   Trigger last-second offers
    
-   Show targeted messages at the highest-leverage moment
    

No guessing. No timers.Just precise timing, when it actually matters.

Built for Framer. Designed to convert.

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

-   All · #4091

## Details

- **Author**: Michael Slotta
- **Published**: 2026-01-13
- **Updated**: 2026-01-13
- **Added**: 2025-12-22
- **Categories**: Backgrounds

## More like this

-   [Pixel Flicker](/component/pixel-flicker) — Design Foundry · $10 — premium animated pixel background
-   [Fractal Glass Wave](/component/fractal-glass-wave) — Hienn Ng · $3 — Dynamic Fractal Glass Background
-   [Particle Flow Pro](/component/particle-flow-pro) — Interface Studio · $10 — Bring Your Background to Life
-   [Silk Gradient](/component/silk-gradient) — Kaisa A · Free — Silk Gradient Background