Tonight
72°
Mostly Clear
Mostly clear, with a low around 72. West wind 0 to 5 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
Tonight
72°
Mostly Clear
Mostly clear, with a low around 72. West wind 0 to 5 mph.
Wednesday
92°
Sunny
Sunny, with a high near 92. Northwest wind 0 to 10 mph.
Wednesday Night
70°
Partly Cloudy
Partly cloudy, with a low around 70. Northwest wind 0 to 5 mph.
Thursday
89°
Mostly Sunny
Mostly sunny, with a high near 89. Northwest wind 0 to 10 mph.
Thursday Night
70°
Partly Cloudy
Partly cloudy, with a low around 70. Northwest wind 0 to 5 mph.
Friday
86°
Mostly Sunny
Mostly sunny, with a high near 86.
Friday Night
69°
Mostly Cloudy
Mostly cloudy, with a low around 69.
Saturday
81°
Partly Sunny
Partly sunny, with a high near 81.
Saturday Night
68°
Slight Chance Rain Showers
A slight chance of rain showers after 11pm. Mostly cloudy, with a low around 68.
Sunday
75°
Chance Rain Showers
A chance of rain showers. Partly sunny, with a high near 75.
Sunday Night
64°
Chance Rain Showers
A chance of rain showers. Mostly cloudy, with a low around 64.
Columbus Day
73°
Chance Rain Showers
A chance of rain showers. Partly sunny, with a high near 73.
Monday Night
62°
Chance Rain Showers
A chance of rain showers before 5am. Mostly cloudy, with a low around 62.
Tuesday
74°
Mostly Sunny
Mostly sunny, with a high near 74.
GET /alerts?area=CA&limit=6 → features
Northwestern Interior Mendocino; Northeastern Interior Mendocino; Southwestern Interior Mendocino; Southeastern Interior Mendocino; Northern Lake; Western Lake; Southwestern Lake; Eastern Lake
Heat Advisory issued October 6 at 9:14PM PDT until October 8 at 11:00PM PDT by NWS Eureka CA
Sonoma Coastal Range; North Bay Interior Mountains; North Bay Interior Valleys; San Francisco Bay Shoreline; East Bay Interior Valleys; Santa Cruz Mountains; Santa Clara Valley Including San Jose; Eastern Santa Clara Hills; East Bay Hills; Southern Salinas Valley/Arroyo Seco and Lake San Antonio; Santa Lucia Mountains and Los Padres National Forest; Mountains Of San Benito County And Interior Monterey County Including Pinnacles National Park
Heat Advisory issued October 6 at 9:02PM PDT until October 8 at 10:00PM PDT by NWS San Francisco CA
San Diego County Coastal Areas; Orange County Coastal
Beach Hazards Statement issued October 6 at 6:57PM PDT until October 9 at 11:00PM PDT by NWS San Diego CA
San Diego County Coastal Areas; Orange County Coastal
Coastal Flood Advisory issued October 6 at 6:57PM PDT until October 9 at 11:00AM PDT by NWS San Diego CA
West Side Mountains north of 198; Los Banos - Dos Palos; Merced - Madera - Mendota; Planada - Le Grand - Snelling; Coalinga - Avenal; West Side of Fresno and Kings Counties; Caruthers - San Joaquin - Selma; Fresno-Clovis; West Side Mountains South of 198; Buttonwillow - Lost Hills - I5; Delano-Wasco-Shafter; Hanford - Corcoran - Lemoore; Visalia - Porterville - Reedley; Buena Vista; Bakersfield; Southeast San Joaquin Valley; South End San Joaquin Valley; Mariposa Madera Foothills; Mariposa-Madera Lower Sierra; Fresno-Tulare Foothills; Fresno-Tulare Lower Sierra; South End Sierra Foothills; South End of the Lower Sierra
Heat Advisory issued October 6 at 4:32PM PDT until October 9 at 10:00PM PDT by NWS Hanford CA
Coachella Valley; San Diego County Deserts; San Gorgonio Pass Near Banning
Extreme Heat Warning issued October 6 at 3:38PM PDT until October 9 at 8:00PM PDT by NWS San Diego 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'}