Apple Homeview Clock Customization, Rebuilt

A rebuild of the clock customization from Apple's Homeview, made as a motion study. It's my recreation, not Apple's code.

A clock face with a style picker and four styles, from giant numerals to ticks only. The face animates between them instead of swapping.

My favourite part is the ticks. When you switch to a style that has them, they grow in from the edge and push the numbers toward the middle. When you move to the ticks-only face, the major numbers hold for a beat while their ticks arrive, so the face never looks empty halfway through.

Every part runs on springs, so switching styles mid-animation picks up from wherever the face is instead of jumping.

Built with React, TypeScript and Motion. Try it here: https://uzookafor.com/homeview-clock