Exist Popup
Capture leads before they leave with smart exit-intent popups that trigger at the perfect moment.
Overview
Capture leads before they leave with smart exit-intent popups that trigger at the perfect moment.
- Three smart trigger modes (exit intent, scroll depth, timed)
- Exit warning to prevent accidental tab closes
- Optional auto-close with progress bar
- Four smooth animations (fade, zoom, slide)
- Center overlay or corner positioning
- Fully customizable colors and styling
- Drop in your own content with content slot
- Works in any Framer project
ExitPopup — Smart Popup Component
Create engaging popups that appear exactly when you want them. Perfect for announcements, newsletter signups, exit offers, and promotional messages.
Features
Multiple Trigger Modes Choose when your popup appears: after a time delay, when users try to leave (exit intent), or after scrolling a certain distance.
Auto-Close with Progress Automatically dismiss popups after a set duration with an optional progress bar that pauses on hover.
Flexible Positioning Display as a centered overlay with backdrop or position in any corner of the screen.
Smooth Animations Four animation styles: Fade, Zoom, Slide Up, and Slide Down with customizable speed.
Slot-Based Content Connect any Framer design as popup content — full creative freedom.
Use Cases
Newsletter Signup — Capture emails with a timed popup after visitors engage with content.
Exit Intent Offer — Show special discounts when visitors try to leave.
Announcements — Display important updates in corner positions without blocking content.
Cookie Consent — Auto-closing notification with progress indicator.
How to Use
Installation
VIDEO PLACEHOLDER: Installation Tutorial
- Log in to your account at framerhub.io
- Navigate to framerhub.io/dashboard
- Find ExitPopup in your Recent Purchases
- Click the "Copy" button
- Open your Framer project
- Paste the component anywhere on your canvas (Cmd/Ctrl + V)
Popup Content Connect your popup design by dragging a frame into the slot.
When to Show (Trigger Settings)
- Trigger: After Time Delay, Exit Intent, or After Scrolling
- Delay: Wait time before showing (0-30 seconds)
- Exit Intent Sensitivity: Distance from top to trigger
- Scroll Distance: How far to scroll before popup appears
- Exit Warning: Show when visitor tries to leave the page
Auto-Close
- Enable: Close popup automatically after duration
- Duration: Time before auto-close (1-60 seconds)
- Progress Bar: Show countdown indicator
- Bar Position: Top or Bottom
- Bar Color: Customize progress color
Position
- Style: Center Overlay or Corner Position
- Corner: Top Left, Top Right, Bottom Left, Bottom Right, Center
- Edge Space: Distance from screen edges
- Show Backdrop: Dark background behind popup
- Backdrop Color: Overlay color
Animation
- Style: Fade, Zoom, Slide Up, Slide Down
- Speed: Animation duration (0.1-2 seconds)
Close Button
- Show Close Button: Display X button
- Hide if Auto-Close: Hide when using auto-close
- Position: Inside or Outside popup
- Distance: Spacing from corner
- Size: Button size
- Icon Size: X icon size
- Icon Color: X icon color
- Background: Button background color
Quick Tips
Exit Intent — Works best on desktop. Set sensitivity to 10px for reliable triggering when cursor moves toward browser controls.
Auto-Close — Enable progress bar so users know the popup will dismiss. The timer pauses on hover for better UX.
Corner Positioning — Great for non-intrusive announcements. Use Bottom Right for cookie notices.
Slot Content — Design your popup as a separate frame, then connect it. This gives you full control over layout and styling.
License
Single Use License — Use in unlimited client projects with full commercial rights. No redistribution.
Why Designers Love This
ExitPopup combines powerful trigger options with intuitive controls. No coding required — just connect your design and configure when it appears. The auto-close feature with pause-on-hover provides a polished user experience that feels native to modern websites.
Need Help? Visit framerhub.io/support for documentation and video tutorials.
Exist Popup - $15
Capture leads before they leave with smart exit-intent popups that trigger at the perfect moment.
You might also like
Curved Text SVG
Animate text along any SVG path with smooth GSAP-powered motion.
Confetti Lines 3D
3D confetti lines with smooth dash animations and mouse interaction.
ElectricBolts
Dynamic electric energy bolts with mesmerizing animated mesh lines.
Why Choose Framer Hub Components
Loved by Framer teams
Used by Framer professionals who need premium, no-code experiences.
"The Best Framer CMS Filtering Plugin I've Found — Truly a Game-Changer. I've tested a lot of Framer CMS filtering and sorting components — both free and paid — and this is by far the best one I've come across."
"He really helped me out when I needed assistance adding it to my Framer project. Super fast customer support highly recommend!"
"We had tried a couple of other Framer CMS filter components but they were buggy, hard to use and support was slow or non-existent. FramerCMSFilter is easier to use and has a lot of added functionality."
Got questions? We've the answers
Got questions? We've the answers
Everything you need to know about FramerHub.