# Weather now

Weather now: a free component, built on your design tokens, to use in a weather, travel or home app, for the forecast at a glance. Current weather and what comes next: the place, a big temperature, the condition drawn as an icon, an hourly row with rain chances, and a 7-day list with min and max bars.

Prompt: Add the OpenDesigner component weather-now to this project: https://opendesigner.dev/library/r/weather-now.html. Keep its markup and states; map its --ds-* variables to my tokens.

States: day, rain later, scrolling hours, focus.

Accessibility: Hours and days are ordered lists; each item has a hidden text with its condition and rain chance, the drawn icons and bars are decorative, and the hourly row scrolls with the keyboard when focused.

File: https://opendesigner.dev/library/r/weather-now.html