Skip to main content

AG Weather

London

Sunday, Sep 27th
22°
Feels like 22°
H: 22° | L: 16°
scattered clouds
scattered clouds
Wind: 11 mph
Humidity: 68%
Rain: 0%

London

Sunday, Sep 27th
22°
Feels like 22°
H: 22° | L: 16°
scattered clouds
scattered clouds
Wind: 11 mph
Humidity: 68%
Rain: 0%

London

Sunday, Sep 27th
22°
Feels like 22°
H: 22° | L: 16°
scattered clouds
scattered clouds
Wind: 11 mph
Humidity: 68%
Rain: 0%

This section highlights a few of the styling options available for the main hero area of the AG Weather element:

  • Top Left: Uses the default card background, featuring solid weather icons and metric units.
  • Top Right: Uses the secondary card background, paired with an animated weather icon and imperial units.
  • Bottom Left: Features a fully animated weather background, using outline icons and British units (metric temperature with imperial windspeed).

Headline

New York

Sunday, Sep 27th
15°
Feels like 15°
H: 17° | L: 15°
light rain
light rain
Wind: 6 m/s
Humidity: 93%
Rain: 100%
Monday Mon
Sep 28th
light rain
H: 17°
L: 14°
light rain
Tuesday Tue
Sep 29th
overcast clouds
H: 22°
L: 14°
overcast clouds
Wednesday Wed
Sep 30th
overcast clouds
H: 24°
L: 13°
overcast clouds
Thursday Thu
Oct 1st
broken clouds
H: 25°
L: 18°
broken clouds

New York

Sunday, Sep 27th
15°
Feels like 15°
H: 17° | L: 15°
light rain
light rain
Wind: 6 m/s
Humidity: 93%
Rain: 100%
  • light rain
    Monday
    Sep 28th · light rain
    17°
    / 14°
  • overcast clouds
    Tuesday
    Sep 29th · overcast clouds
    22°
    / 14°
  • overcast clouds
    Wednesday
    Sep 30th · overcast clouds
    24°
    / 13°
  • broken clouds
    Thursday
    Oct 1st · broken clouds
    25°
    / 18°

Customize how your extended forecast is displayed with flexible layout options:

  • Grid Layout (Left): Displays the upcoming days in horizontal columns, shown above on a default light background.
  • List Layout (Right): Stacks the daily forecast vertically in a clean, row-based design, shown above on a dark secondary background.

Below is a compact version without the Hero section shoing the 5 day forecast inclufing today.

Headline

Monday Mon
Sep 28th
light rain
H: 26°
L: 22°
light rain
Tuesday Tue
Sep 29th
moderate rain
H: 23°
L: 19°
moderate rain
Wednesday Wed
Sep 30th
overcast clouds
H: 19°
L: 18°
overcast clouds
Thursday Thu
Oct 1st
moderate rain
H: 21°
L: 19°
moderate rain
Friday Fri
Oct 2nd
overcast clouds
H: 21°
L: 19°
overcast clouds
  • light rain
    Monday
    Sep 28th · light rain
    26°
    / 22°
  • moderate rain
    Tuesday
    Sep 29th · moderate rain
    23°
    / 19°
  • overcast clouds
    Wednesday
    Sep 30th · overcast clouds
    19°
    / 18°
  • moderate rain
    Thursday
    Oct 1st · moderate rain
    21°
    / 19°
  • overcast clouds
    Friday
    Oct 2nd · overcast clouds
    21°
    / 19°