MARKETPLACE
PLUGINS
COUNTUP / COUNTDOWN TEXT
Countup / countdown text logo

Countup / countdown text

Published June 2023
   •    Updated June 2025

Plugin details

Animate text up or down, choose speed, delay, text before or after and more.

$18

One time  •  Or  $3/mo

4.0 stars   •   1 ratings
3 installs  
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

John dev logo
John dev
Joined 2023   •   55 Plugins
View contributor profile

Instructions

To use the countup/countdown action, you must first enable adding IDs to elements in your app, you do this at: Settings > General > Expose the option to add an ID attribute to HTML elements.

Example of how to animate countup text on page load:
1. Add a text element on the "Design" tab, you can leave it empty, add an ID to the text.
2. Go to the "Workflow" tab, add new event "Page is loaded"
3. Add the action "Countup / countdown", specify the ID of the text you added and the options you want to have
4. Done!

Example editor:
https://bubble.io/page?name=index&id=demo-countupcountdown&tab=tabs-1

Example demo: http://demo-countupcountdown.bubbleapps.io/version-test/index?debug_mode=true

Types

This plugin can be found under the following types:

Categories

This plugin can be found under the following categories:
Technical   •   Blog

Resources

Support contact
Tutorial

Rating and reviews

Average rating (4.0)

Suggestion: Improvements to the Countup/Countdown Text plugin  
February 1st, 2025
Hello, I have subscribed to the Countup/Countdown Text plugin and have found it useful. However, I would like to make a suggestion. Currently, when counting up or counting down a number with commas in increments of 1,000, such as 12,345, the plugin causes the commas to disappear during the animation. It would be more usable if it could be improved to keep the original format (including commas) while the number is being counted, or to keep the initial number format after the animation is complete. Thanks!
Bubble