Skip to main content
New York CityMainly clear16°

Create a weather widget

Free, no sign-up. Choose a place, days and colours, then paste the embed code into your page; the widget updates itself.
🧩 Free widget

New York City widget

Three steps: choose a place, style it, copy the code. Preview it below.

Options and embed code

The preview updates as you change options

Colours

Preview

How it works

  • 1. Choose a placeSearch above; the widget shows that place's forecast.
  • 2. Set days and coloursPick the number of days and background, text and accent colours to match your site.
  • 3. Copy the embed codePaste it into your HTML, a post or a “Custom HTML” block — it updates itself.

Good to know

  • ResponsiveUp to 420px wide and shrinks to fit on phones.
  • Always freshData follows the latest forecast; nothing to maintain.
  • Keep the data creditThe source line at the bottom is required by the data licence.
  • Free, no accountFor blogs, news sites and business websites — no account needed.

Widget FAQ

Will the widget slow down my site?

It is a light iframe that loads independently with a fixed height, so it does not shift your layout.

Can I embed it in WordPress?

Yes. Use a “Custom HTML” block in the editor or an HTML widget in the sidebar and paste the code.

Is there a storm alert widget?

Yes — use the storm alert widget page to embed active storms and tropical depressions.

More weather tools

All tools
Free weather widget for your website | Thời tiết