Countdown Popup

FOMO popups built for Framer by Soyeb

Show PreviewBuy for $12
Countdown Popup

About Countdown Popup

Ever seen those high-converting popup campaigns that make visitors feel like they're about to miss out on something important?

Most countdown popups are either difficult to customize, or require multiple tools stitched together.

Countdown Popup solves that.

It combines two powerful components into one complete conversion-focused system:

→ Timed Popup: automatically displays your popup after a customizable delay.

→ FOMO Countdown Timer: creates urgency using either a personalized FOMO/evergreen countdown or a real date-based countdown.

Whether you're running a flash sale, product launch, newsletter campaign, Black Friday promotion, limited-time offer, or lead generation funnel, Countdown Popup gives you everything you need in one ready-to-use component.

Everything is built natively in Framer, meaning you can completely customize the popup design, images, typography, layout, colors, spacing, and content to match your brand.

  • No locked templates.

  • No external libraries.

  • No design limitations.

Simply connect your design and launch.

🎁 Bonus Included

When you purchase Count down Popup, you also receive:

  • Timed Popup Component

  • FOMO Countdown Timer Component

Included completely free.

Instructions

Getting started is simple:

  • Copy the component URL provided after purchase.

  • Paste it into your Framer project and place it under your Desktop frame.

  • Set the component position to Absolute.

  • Verify that Top, Left, and Right are set to 0.

  • Connect your popup design.

  • To fully customize the popup design, simply double-click the component and unlink it.

  • Replace images, text, buttons, layouts, typography, colors, spacing, and branding.

  • Configure countdown settings from the FOMO Countdown Timer controls.

  • Configure popup behavior from the Timed Popup controls.

  • Customize display timing, animations, placement, frequency rules, and popup behavior from the right-side panel.

  • Preview or publish your site.

That's it.

Pro Tip

If the setup feels overwhelming, don't worry.

The included remix project contains a complete step-by-step video tutorial covering everything from installation to customization, so you can get up and running quickly without any guesswork.

Two Countdown Modes

- FOMO Mode (Evergreen Countdown)

Perfect for marketing campaigns and conversion funnels.

Every visitor receives their own personalized countdown timer.

For example:

  • Visitor A lands at 10:00 AM → sees 30 minutes remaining.

  • Visitor B lands at 2:00 PM → also sees 30 minutes remaining.

The countdown is saved in the visitor's browser storage, so refreshing the page does not reset the timer.

When the timer reaches zero, it can automatically restart based on your settings.

Perfect for: Limited-time offers, Lead magnets, Discount campaigns, Product launches, Sales funnels

- Fixed Date Mode

Count down to a real date and time.

Perfect for: Black Friday campaigns, Product launches, Webinar registrations, Holiday promotions, Event countdowns, Flash sales

Simply choose your target date and timezone and the timer automatically counts down to that moment.

How It Works

Countdown Popup combines two components working together.

- Timed Popup Controls

Control when and how the popup appears:

  • Delay timer

  • Frequency rules

  • Show once settings

  • Session-based display

  • Placement controls

  • Modal or banner layout

  • Enter animations

  • Exit animations

  • Close behavior

  • Scroll lock

  • Canvas preview

- FOMO Countdown Timer Controls

Customize the countdown experience:

Timer Mode

Switch between:

  • FOMO Countdown

  • Fixed Date Countdown

Countdown Length

Set the countdown duration in minutes.

Examples:

  • 30 Minutes

  • 1 Hour

  • 24 Hours

  • 7 Days

Browser Memory

Save countdown progress in the visitor's browser. Refreshing the page won't restart the timer.

Auto Restart

Automatically restart the countdown when it reaches zero.

Timezone Support

Choose the timezone for date-based countdown campaigns.

Number Animations

Animate countdown numbers with:

  • Fade

  • Slide

  • Fade Up

  • Instant Change

Labels & Units

Show or hide:

  • Days

  • Hours

  • Minutes

  • Seconds

Customize every label.

Card Styling

Customize:

  • Backgrounds

  • Borders

  • Radius

  • Shadows

  • Blur

  • Spacing

Typography

Control:

  • Number fonts

  • Label fonts

  • Colon styling

  • Expired state styling

Features

  • Two Components Included: Includes both Timed Popup and FOMO Countdown Timer completely free.

  • Evergreen FOMO Countdown: Every visitor gets their own personalized countdown experience.

  • Fixed Date Countdown: Count down to real launches, events, promotions, and deadlines.

  • Browser Memory Support: Countdown progress survives page refreshes.

  • Auto Restart Option: Automatically restart timers when they expire.

  • Timed Popup Trigger: Show the popup after a customizable delay.

  • Show Once Controls: Control how frequently visitors see the popup.

  • Frequency Rules: Always, once per session, once ever, or custom display behavior.

  • Fully Editable Design: Change images, layouts, buttons, typography, spacing, and colors.

  • Custom Popup Content: Use any popup design you want.

  • Independent Enter & Exit Animations: Create polished popup experiences.

  • Responsive Layout: Works beautifully across desktop, tablet, and mobile devices.

  • Canvas Preview Mode: Preview and position the popup while designing.

  • Multiple Number Animations: Fade, slide, clip, and fade-up transitions.

  • Flexible Countdown Units: Show only the units you need.

  • Timezone Support: Perfect for global campaigns and launches.

  • Performance Optimized: Lightweight and production-ready.

  • Built 100% Natively in Framer: No external libraries, no custom scripts, and no third-party dependencies.

  • Zero-Code Setup: Configure everything from the right-side panel.

Use Cases

  • Flash Sale Popup: Create urgency-driven promotions with personalized countdown timers.

  • Coupon Popup: Increase conversions using expiring discount offers.

  • Newsletter Signup: Encourage subscriptions with limited-time incentives.

  • Product Launches: Count down to upcoming releases and announcements.

  • Black Friday Campaigns: Run real date-based sales and promotions.

  • Webinar Registrations: Display registration deadlines with urgency.

  • Event Countdowns: Promote conferences, launches, and live events.

  • Lead Generation Campaigns: Boost signups using scarcity and urgency.

  • Welcome Offers: Show time-sensitive offers shortly after visitors arrive.

Made with ❤️ by Soyeb

Refund Policy: Due to the digital nature of these components, all sales are final, and once delivered they cannot be returned, exchanged or refunded. Please review product details and demos before purchasing, and feel free to reach out if anything is unclear.

Have questions or need a custom Framer component? Reach out at heysoyebali@gmail.com