Skip to content
native cook
Esc

Loading the catalog…

Daypart Weather Bands


The Today screen of an invented weather app for the town of Larkhaven: under a sage header with a location pin and the date, the day is split into four full-width bands that darken from pale apricot to terracotta to deep plum-brown: Morning, Day, Evening and Night. Exactly one band is open, an accordion that fills the screen with a large weather icon drawn in code, the condition and a one-line forecast, and wind, humidity and precipitation; the other three compress to 72-pt rows that keep their label, temperature, hours and feels-like value. Each icon moves on its own: the morning sun's ten rays turn and breathe, a dark cloud drifts across the day's pale sun, rain streaks fall from a cream cloud under a dusky sun in the evening, and snowflakes drift past a rocking crescent moon at night.

Category
Cards
Added
Nov 10, 2026
Stacks
RN · Swift · Kotlin
Author
not shown on the pin and not verified

Is this your design? Ask for a correction or removal

React Native · Expo SDK 52+, TypeScript

✦ If the result drifts from the video, tell your agent what looks different and how it should look. A short correction usually closes the gap.