Google's & Lenovo awarded Steampunk clock (Flutter Clock contest) ๐Ÿ†

Overview

๐ŸŒ english ฤeskรฝ ั€ัƒััะบะธะน

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 ClockVimeo 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 untouched* flutter_clock_helper folder, in this GitHub repo.

* only moved Google's LICENSE file there, since that is their code.

You might also like...

Clock loader - Highly versatile Widget display the smooth and creative loader named as clock loader

Clock loader - Highly versatile Widget display the smooth and creative loader named as clock loader

Clock Loader Highly versatile Widget display the smooth and creative loader name

Dec 30, 2022

My participation on the Flutter Clock Challenge of 2020 with Francisco Frutuoso design

My participation on the Flutter Clock Challenge of 2020 with Francisco Frutuoso design

Cloom Clock ๐ŸŒŸ "Visual Beauty Winner" of the 2020 Clock Challenge, announcement post ๐Ÿ”– You can read our blog post describing the process here How to

Dec 26, 2022

creativecreatorormaybenot's entry to the Flutter Clock challenge.

creativecreatorormaybenot's entry to the Flutter Clock challenge.

clock creativecreatorormaybenot's playful entry to the Flutter clock challenge (is it weird to say it like that?). This is a clock display that uses e

Nov 12, 2022

Humanbeans Flutter Clock Challenge Submission

Humanbeans Flutter Clock Challenge Submission

Eventually Humanbeans Flutter Clock Challenge Submission by Milen Trendafilov (design, concept) and Boris Brestnichki (development) Concept: Bird visi

Nov 24, 2022

A Flutter clock face with moving bars

A Flutter clock face with moving bars

BarBar Clock | Web demo ๐Ÿ† Listed in Honorable Mentions at flutter.dev/clock ๐Ÿ† Clock face for the Flutter Clock Challenge. This clock face shows time

Jun 29, 2022

Iso Clock - Flutter Challenge

 Iso Clock - Flutter Challenge

Iso Clock - Flutter Challenge This is my take on a classic digital clock look with a modern 3D "flat" design and playful animations. I come from a web

Oct 22, 2022

A clock made in Flutter for smart clocks, with a cute snake that follows you all day long.

A clock made in Flutter for smart clocks, with a cute snake that follows you all day long.

Snake Clock This is an original and fun clock face where a snake lives its day along yours. Itโ€™s my first ever Flutter app! I built it for the Flutter

Nov 7, 2022

A chess clock made with Flutter.

chessclock A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if th

Dec 17, 2021

Beautiful flutter analog clocks. Swipe to change the clock design

Beautiful flutter analog clocks. Swipe to change the clock design

analog_clock_for_flutter Beautiful flutter analog clocks. Swipe to change the clock design Screenshots Usage To use plugin, just import package import

Nov 3, 2021
Releases(v1.0.0)
Owner
Roman Cinis
I'm an awarded T-shaped specialist in the fields of Flutter Development and Design, with a great love for interactive animations and good UX.
Roman Cinis
Scaffolding code for the clock in the Flutter Clock contest

Flutter Clock Helper This package provides scaffolding code for the clock in the Flutter Clock contest. Contestants: Do not edit this code. Model Prov

Abdullah waheed 0 Nov 17, 2021
This is my entry for the Flutter Clock Face Contest.

Star Clock This is my entry for the Flutter Clock Face Contest. Build instructions below. TLRD: Clone with --recurse-submodules Here's a small demo vi

Philipp Bauer 47 Oct 22, 2022
Gradi clock - Gradi Clock face for Flutter Clock challenge

Gradi Clock Clock face made for Flutter Clock challenge. About There is an abundant body of research that suggests that people are sensory creatures w

Janko Djuric 4 Sep 29, 2021
Built-in Cam Cloud Service(2022 Embeded SW Contest/Car & Mobility)

BCCS (Built-in Cam Cloud System) ๋ชฉ์ฐจ ์ž‘ํ’ˆ ์†Œ๊ฐœ ์ž‘ํ’ˆ ์‹œ์—ฐ ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜ UI Hardware ๊ตฌ์„ฑ Software ๊ตฌ์„ฑ ๊ธฐ์ˆ ์Šคํƒ 1. ์ž‘ํ’ˆ ์†Œ๊ฐœ ์ž‘ํ’ˆ ์„ค๋ช… ๋ณธ ์‹œ์Šคํ…œ์€ ์ฐจ๋Ÿ‰์—์„œ ๋ฐœ์ƒํ•œ ์ด๋ฒคํŠธ๋ฅผ ๋ณ„๋„์˜ ์ €์žฅ์†Œ ์—†์ด ํด๋ผ์šฐ๋“œ์—์„œ ๊ด€๋ฆฌํ•˜์—ฌ ์ž๋ฃŒ์˜

null 3 Oct 12, 2022
Google's Flutter Clock Challenge Novelty ๐Ÿš€ of Idea Award ๐Ÿ† winner (https://flutter.dev/clock)

Sunset Reflections Clock My submission to the Flutter Clock Challenge, winner of the Novelty of Idea award: a cold cathode display clock (aka nixie cl

Vรญctor Morilla 52 Dec 26, 2022
Clock for the Flutter clock challenge

Agent clock A visualization of a clock using simple agents and physics. Description The digits of the clock are basically letters or svg paths. These

null 12 Jun 29, 2022
A clock created for the Flutter Clock challenge which achieved an honourable mention.

Circle Clock A clock created for the Flutter Clock challenge. Shaded circles representing hour, minute and second hands move across the screen, while

Max 11 Apr 18, 2022
Dots Clock is a digital clock written in Flutter, Dart

Dots Clock Dots Clock is a digital clock written in Flutter, Dart. It was developed for the Flutter Clock challenge. Table of Contents Clock Variation

Kain 32 Oct 16, 2022
Conic Clock for Flutter Clock challenge

Conic Clock Conic Clock is a dynamic clock written in Flutter. It is a project by me (ZHENG HAOTIAN / Justin Fincher) for the Flutter Clock challenge.

JustZht 61 Dec 30, 2022
Binary clock - Flutter binary clock with Dark mode support

Binary Clock This is a binary clock created using Flutter containing both Light and Dark modes Getting Started This project is a starting point for a

Souvik Biswas 2 Dec 31, 2019