• liquidcode

© 2025 liquidcode. All rights reserved.

TermsPrivacy PolicyImprint
Falling Digits
avatar

The Creative Mind

Tarek Sellami

Android Developer

20

Falling Digits

Posted on July 10, 2025

ReactTailwindcssIntermediateAnimationTime

What needs to be done?

Create an animated time display where each digit reacts to change. When a digit updates (like from 3 to 4), the old digit should fall downward and fade out, while the new one takes its place.

Requirements:

  • Animate only the digits that change
  • Old digits should fall down and disappear smoothly
  • New digits should appear in place without disrupting the layout

Reward


Submit your solution and grab that reward once you hit 5 likes. So, make it awesome.

20

Base Solution


avatar

The Resolver

Tarek Sellami

Android Developer

Time Landscape UI

reacttailwindcssbeginnertime
https://github.com/tarekxsellami/what-time-is-it/tree/react-web-app

What is already done?

avatar

The Resolver

Tarek Sellami

Android Developer

Time Landscape UI

This solution displays the current time with a dynamic UI that changes based on day or night. It features animated visuals like a sun or moon, moving elements, and a button to skip time.

https://github.com/tarekxsellami/what-time-is-it/tree/react-web-app
Time Landscape UI

Squad's first challenge


avatar

The Creative Mind

The Liquidcode Crew

The System

Console Clock

basicbeginnerconsoletime
avatar

What time is it?'s Squad

by The Liquidcode Crew