CheckWX METAR-TAF Widget

METAR and TAF Feeds For Your Website

Add live METAR and TAF feeds
with just two lines of code!

* This free service is limited to 200 weather requests per day
Learn More
Need more than 200 requests or want Decoded METARs and TAFs?  Try our API

100% Customizable

Use your own CSS to customize the fonts and colors to match your site.

100% Free

Totally free to use on any website.
No signup.  No obligation.


Step 1:

Copy and paste this script tag near the bottom of your webpage right before the closing </body> tag.

    <script type="text/javascript" src=""></script>

Step 2:

Copy and paste this element tag anywhere on your page where you want the METAR or TAF to appear.

    <div class="checkwx-container" data-type="METAR" data-station="DEMO"></div>

Step 3:

Edit the data-type and data-station attributes of the element you pasted in Step 2.

Data Attribute Description

The type of data feed you are requesting  Please specify: "METAR or "TAF"


The ICAO airport code or location indicator is a four-character alphanumeric code.
You can find a list of ICAO codes on

  • A single ICAO code
  • Multiple ICAO codes separated with commas (Maximum 50)

Step 4 (Optional):

We would appreciate a link back to some where on your site.


Single METAR Request:

    <div class="checkwx-container" data-type="METAR" data-station="KPIE"></div>

Multiple METAR Request:

    <div class="checkwx-container" data-type="METAR" data-station="KPIE,KSPG"></div>

Single TAF Request:

    <div class="checkwx-container" data-type="TAF" data-station="KPIE,KSPG"></div>

Multiple TAF Request:

    <div class="checkwx-container" data-type="TAF" data-station="KPIE,KTPA"></div>

Custom CSS Layout:


    .checkwx-container {
        padding: 10px;
        border-radius: 8px;
        background-color: #bdc3c7;

    .checkwx-container .checkwx-item {
        font-family: Tahoma, sans-serif;
        font-size: 30px;
        color: #3d566e;

    .checkwx-container .checkwx-link {
       color: #1e90ff;
       text-decoration: underline;


    <div class="checkwx-container" data-type="METAR" data-station="KPIE"></div>