This Afternoon
74°
Mostly Sunny
Mostly sunny, with a high near 74. Northwest wind around 10 mph, with gusts as high as 20 mph.
Bricks Query API × api.weather.gov
Everything on this page is a native Bricks query loop reading live JSON from the National Weather Service. No plugin, no PHP, no API key. Pick a city and the loops re-query from the URL.
GET /gridpoints/SGX/57,14/forecast → properties.periods
This Afternoon
74°
Mostly Sunny
Mostly sunny, with a high near 74. Northwest wind around 10 mph, with gusts as high as 20 mph.
Tonight
61°
Mostly Cloudy
Mostly cloudy, with a low around 61. North wind 5 to 10 mph.
Wednesday
74°
Mostly Sunny
Mostly sunny, with a high near 74. Northwest wind 0 to 5 mph.
Wednesday Night
59°
Partly Cloudy
Partly cloudy, with a low around 59. Northeast wind 0 to 5 mph.
Thursday
77°
Sunny
Sunny, with a high near 77. Southwest wind 0 to 10 mph.
Thursday Night
60°
Mostly Clear
Mostly clear, with a low around 60.
Friday
82°
Sunny
Sunny, with a high near 82.
Friday Night
62°
Mostly Clear
Mostly clear, with a low around 62.
Saturday
87°
Sunny
Sunny, with a high near 87.
Saturday Night
64°
Mostly Clear
Mostly clear, with a low around 64.
Sunday
87°
Mostly Sunny
Mostly sunny, with a high near 87.
Sunday Night
66°
Partly Cloudy
Partly cloudy, with a low around 66.
Monday
84°
Mostly Sunny
Mostly sunny, with a high near 84.
Monday Night
65°
Partly Cloudy
Partly cloudy, with a low around 65.
GET /alerts?area=CA&limit=6 → features
San Francisco
Coastal Flood Advisory issued November 3 at 11:25AM PST until November 9 at 1:00PM PST by NWS San Francisco CA
San Francisco
Beach Hazards Statement issued November 3 at 11:25AM PST until November 3 at 8:00PM PST by NWS San Francisco CA
North Bay Interior Valleys; San Francisco Bay Shoreline
Coastal Flood Advisory issued November 3 at 11:25AM PST until November 9 at 1:00PM PST by NWS San Francisco CA
Coastal North Bay Including Point Reyes National Seashore; San Francisco Peninsula Coast; Northern Monterey Bay; Southern Monterey Bay and Big Sur Coast
Beach Hazards Statement issued November 3 at 11:25AM PST until November 3 at 8:00PM PST by NWS San Francisco CA
Mojave Desert Slopes
Wind Advisory issued November 3 at 10:46AM PST until November 4 at 6:00AM PST by NWS Hanford CA
Northwestern Interior Mendocino; Northeastern Interior Mendocino; Northern Lake
Frost Advisory issued November 3 at 8:59AM PST until November 3 at 9:00AM PST by NWS Eureka CA
Three settings per loop. That is the whole integration.
01
Set the query type to API and paste the URL. Dynamic data works inside it, so the city links above swap the office and grid through URL parameters, with a fallback when none is set.
api.weather.gov/gridpoints/{url_parameter:office}/…
02
The response path walks the JSON with dot notation to the list you want to repeat. Responses are cached, so the page does not hit the API on every view.
properties.periods
03
Use the query_api tag with a key in any text, image, link, or attribute. A pipe reaches nested values. The alert colors come from a data attribute bound to the severity field.
{query_api @key:'properties|severity'}