Free Embeddable Air Quality Widget

Add real-time air quality index (AQI) scores to your website, blog, or article. Our free widget displays color-coded AQI levels, dominant pollutants, and health recommendations for 40+ major US cities.

Generate Embed Code

<iframe src="https://usairquality.us/embed/aqi-score.html?city=los-angeles-ca" width="380" height="480" frameborder="0" style="border:none;border-radius:12px;max-width:100%;" title="Air Quality Index - Los Angeles, CA"></iframe>

AQI Color Scale

0-50Good
51-100Moderate
101-150Unhealthy for Sensitive Groups
151-200Unhealthy
201-300Very Unhealthy

Live Preview

How to Embed on Your Site

1

Choose Your City

Select from 25+ major US cities using the dropdown above. The embed code updates automatically.

2

Copy the Embed Code

Click "Copy Code" and paste the iframe snippet into your HTML, WordPress editor, or CMS.

3

Publish

The widget renders instantly with AQI data. Readers can also search for other cities within the widget.

Perfect For

Weather & News Websites

Complement your weather reports with real-time air quality data.

Health & Wellness Blogs

Help readers understand when outdoor exercise is safe based on air quality.

Travel & Tourism Sites

Show visitors the current air quality conditions at popular destinations.

Environmental Organizations

Display air quality data alongside your advocacy and educational content.

Real Estate Websites

Help home buyers understand air quality in different neighborhoods.

School & Community Sites

Keep parents and community members informed about outdoor safety.

Widget Features

Lightweight iframe - won't slow down your site
No JavaScript dependencies needed
Responsive design for mobile and desktop
EPA-standard AQI color coding
Built-in city search for 40+ cities
Health recommendations included
Dominant pollutant identification
Free to use - just keep the attribution

Frequently Asked Questions

Is the widget free to use?

Yes, completely free for commercial and non-commercial use. We only ask that you keep the "Powered by USAirQuality.us" attribution link visible.

How often does the AQI data update?

AQI values are generated using EPA-based models and update daily. For real-time monitoring, we recommend checking the full city report on our site.

Will the widget slow down my site?

No. The widget loads in an isolated iframe with zero external dependencies. It won't affect your page's performance or styles.

What do the AQI colors mean?

The widget uses the EPA's standard 6-color AQI scale: Green (Good), Yellow (Moderate), Orange (Unhealthy for Sensitive Groups), Red (Unhealthy), Purple (Very Unhealthy), and Maroon (Hazardous).