[NEW PLUGIN] ⏳ Chronos Timer (Free & Pro): Custom Fonts, Animations & Audio!

Showcase Plugins
1

Hey fellow Bubblers! :waving_hand:

We all need countdown timers for our apps—whether it’s for an OTP verification code, a Pomodoro timer, or a flash sale checkout. But styling them to look native, handling the 02:05 zero-padding, and triggering events at 00:00 is always unnecessarily annoying.

So, we built the Chronos Timer. It’s incredibly lightweight, uses zero heavy external libraries, and runs completely on pure JS/CSS.

We are releasing two versions today:

:green_circle: The Free Version:

  • Perfectly formats time (MM:SS).
  • Total control over Font Family, Size, and Color (it seamlessly matches your app’s typography!).
  • Exposes Start, Pause, and Reset workflow actions.
  • Fires a Timer Finished event at 00:00.

:purple_circle: The Pro Version (The “Urgency” Update): We wanted to give you the tools to create real urgency without writing custom CSS or messy conditionals.

  • :police_car_light: Danger Mode: The timer smoothly changes to a specific color (like Red) in the last X seconds.
  • :beating_heart: Animations: Add native CSS Pulse or Blink effects during the final countdown to grab attention.
  • :speaker_high_volume: Audio Engine: Automatically plays a “Tick-Tock” sound during the danger zone, and triggers a final “Alarm” ringtone at zero!

Free Plugin: HERE

PRO Plugin: HERE

You can grab the Free version right now to test the core engine, or upgrade to Pro if you want to add that extra layer of polish and urgency to your UX.

Let us know what you think, and drop any feature requests below! Happy building! :hammer_and_wrench:

2

Hey everyone! :waving_hand:

Today, we are releasing a massive architectural update for the Pro version!

We completely ripped out the old setInterval engine and replaced it with a 60fps system-clock (Date.now()) engine. This means zero lag, zero background tab throttling, and ultimate precision.

Here is what is new in V2.0:

  • :stopwatch: Stopwatch Mode: You can now flip the plugin from a Countdown into an infinite count-up Stopwatch!
  • :racing_car: Milliseconds: Perfect for fitness or testing apps. Watch the numbers fly smoothly without crashing your Bubble page.
  • :chequered_flag: Lap Recording Action: Build real stopwatch apps! Hit the “Record Lap” action, and it instantly pushes the exact time to a state without pausing the master clock.
  • :date: Event Mode: Building a Black Friday landing page? It now natively supports Days and Hours (DD:HH:MM:SS).
  • :shield: Anti-Glitch Typography: Ever noticed how custom fonts (like Montserrat) jump left and right when the numbers change? We implemented CSS tabular-nums deep in the core. Your timers are now perfectly locked in place.

All the original V1 audio alerts, danger colors, and animations are fully compatible with the new engine.

Go grab the update and let us know what you build! :rocket: