Steampunk Clock develop with Flutter

  clock, UI, Widgets

Steampunk Clock for Flutter Clock contest ????

This project is one of the winning submissions in Google’s & Lenovo dev/design contest, called “Flutter Clock” (with over 850 valid entries from around the world). You can read more about this contest here: flutter.dev/clock

Steampunk Clock Visualisation

I’ve made a analog clock variant, with look and feel of, late 18 or early 19 century. This is mainly design contest, so, there is a lot of details and animations inside, made with Rive (ex Flare) tool.

Note: design is screen size independent, because all the graphics is made in vectors (not bitmaps), but I have prepared it with 4-6′ screen size in mind (so as big as Lenovo’s Smart Clock display).

It has a light theme and a dark theme, cuckoo bird, four easter eggs and displays sample weather and temperature data, provided from Flutter Clock Helper package. You can watch a preview video of it (with main functionality highlight) here:

Steampunk Flutter Clock

Vimeo or YouTube


  • For more information, see the inside analog_clock.
  • For more info about handmade vector assets, used in Rive animations, please, take a look at vector_assets folder.

In each of these two folders, there are additional videos of the animations preparation or the actual app launch on real devices.

  • For Flutter Clock Helper code, see inside untouchedflutter_clock_helper folder, in this GitHub repo.

Download Source Code on GitHub