Skip to content

component

SlidingClockFX

By DiverseKit

Details

Summary

Smooth sliding digital clock animation

Description

SlidingClock FX is an animated digital clock component for Framer where numbers slide vertically or horizontally as time updates. Instead of instantly changing, each digit transitions smoothly, creating a polished, mechanical flip-style or sliding effect. You can customize time format (12h or 24h), timezone, update behavior, animation direction, speed, and easing. Fully control typography, spacing, colors, backgrounds, borders, and layout to match your design system. Choose between minimal, bold, or card-style appearances. Lightweight and responsive, it works beautifully across desktop and mobile screens. Ideal for dashboards, productivity apps, event pages, countdown sections, or hero widgets, SlidingClock FX turns simple time display into a refined, motion-rich visual element.

Introduction

Smooth sliding digital clock animation

Rank history

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

125015001750181038/148/228/309/79/15
  • All · #8055