MARKETPLACE
PLUGINS
ANIMATED COUNTDOWN TIMER
Animated Countdown Timer logo

Animated Countdown Timer

Published April 2026
   •    Updated April 2026

Plugin details

A customizable animated countdown timer for Bubble that runs based on a duration in minutes and updates live every second.
This plugin is perfect for landing pages, product launches, sales funnels, webinars, and event timers. It supports persistence using browser storage, so your countdown continues even after page reload.

Features:
• Set countdown duration in minutes (supports decimals for seconds)
• Persistent countdown using localStorage
• Automatically continues after page refresh
• Optional reset when countdown completes
• Show/hide days, hours, minutes, seconds
• Custom labels for each time unit
• Fully customizable colors, spacing, and font sizes
• Smooth animated transitions

Use cases:
• Sales countdown timers
• Limited-time offers
• Webinar countdowns
• Event timers
• Church and conference countdowns

Simple to use, lightweight, and highly customizable.

Free

For everyone

stars   •   0 ratings
0 installs  
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

Victor Johnmark logo
Victor Johnmark
Joined 2023   •   2 Plugins
View contributor profile

Instructions

SETUP GUIDE
1. Drag the "Animated Countdown Timer" element onto your page.

2. Set the Duration (Minutes):
  - Example: 10 = 10 minutes
  - Decimal values are supported:
    0.5 = 30 seconds
    1.5 = 1 minute 30 seconds

3. Optional persistence:
  - Turn ON "Persist On Reload" to keep the countdown running after page refresh
  - Set a unique "Storage Key" for each countdown

4. Customize display:
  - Show or hide days, hours, minutes, seconds
  - Customize labels
  - Adjust font sizes and spacing
  - Set colors for numbers, labels, and background

5. Completion behavior:
  - Set the End Message
  - Enable "Reset When Complete" if you want the timer to restart on the next visit

IMPORTANT NOTES

- If using multiple countdowns, use different Storage Keys for each one
- If Persist On Reload is OFF, the countdown restarts on page reload
- If Persist On Reload is ON, the countdown continues from where it left off
- Decimal values are supported for Duration (Minutes)

DEMO LINKS

Run mode demo:
https://pro-countdown-testing-app.bubbleapps.io/version-test

Demo editor:
https://bubble.io/page?id=pro-countdown-testing-app&test_plugin=1775474823919x194059068454993920_current&tab=Design&name=index&type=page

Types

This plugin can be found under the following types:

Categories

This plugin can be found under the following categories:

Resources

Support contact
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble