Skip to content

component

Blur Animated Timer

By Yashwanth V

Details

Summary

Countdown/Clock with fluid animations

Description

Blur Countdown cycles through digits with a blur-in/blur-out transition driven by spring physics — no jarring snaps, just fluid, satisfying number changes. Inspired by SwiftUI's native animation model, each digit animates independently with configurable spring parameters, giving you precise control over the feel. Features: Two modes: Countdown timer and live World Clock Blur + scale transitions on every digit change (fully adjustable) Spring physics per digit — tune stiffness, damping, and mass Stagger delay across digits for a cascading, layered effect Configurable travel direction (up or down) and travel distance 12h / 24h format support for the World Clock 60+ timezone presets covering every major region Show or hide days and hours in countdown mode Separator and period opacity controls for fine typographic tuning Full font control — size, weight, letter spacing, line height Custom text color All values are exposed as property controls. Works at any fixed or auto size.--- Refund Policy: Due to the nature of digital products, all sales are final and refunds are not possible. If you're facing any bugs or issues, reach out at yashwanth.941v@gmail.com or DM on X @yashwanth941v and I'll get it sorted.

Introduction

Countdown/Clock with fluid animations

Rank history

Daily rank per list, from the first snapshot — lower is better.

120014001600171518/148/228/309/79/15
  • All · #7070