National Weather Service United States Department of Commerce
Our website addresses are changing and you will need to update your bookmarks. This server will be decommissioned on May 30, 2019. See https://www.weather.gov/media/notifications/scn19-17pr_migration.pdf for details. This page's new url is https://www.weather.gov/hfo/. You will now be forwarded to the new page.
Our website addresses are changing and you will need to update your bookmarks. This server will be decommissioned on May 30, 2019. See https://www.weather.gov/media/notifications/scn19-17pr_migration.pdf for details. This page's new url is https://www.weather.gov/hfo/widgets. You will now be forwarded to the new page.

All Widgets
Hawaii Kahoolawe Kauai Lanai Maui Molokai Oahu 
climate forecast marine surf tides warnings 

tides Widgets

To view upcoming tidal information for Nawiliwili.
To display this

Copy this code into your webpage:
<iframe name="tidesNawiliwili" style="border: 0; frameborder: 0;" width="350" height="400" scrolling="auto" src="https://www.weather.gov/hawaii/pages/tides/index.php?location=Nawiliwili"></iframe>


To view upcoming tidal information for Port Allen.
To display this

Copy this code into your webpage:
<iframe name="tidesPortAllen" style="border: 0; frameborder: 0;" width="350" height="400" scrolling="auto" src="https://www.weather.gov/hawaii/pages/tides/index.php?location=Port Allen"></iframe>


To view upcoming tidal information for Honolulu.
To display this

Copy this code into your webpage:
<iframe name="tidesHonolulu" style="border: 0; frameborder: 0;" width="350" height="400" scrolling="auto" src="https://www.weather.gov/hawaii/pages/tides/index.php?location=Honolulu"></iframe>


To view upcoming tidal information for Haleiwa.
To display this

Copy this code into your webpage:
<iframe name="tidesHaleiwa" style="border: 0; frameborder: 0;" width="350" height="400" scrolling="auto" src="https://www.weather.gov/hawaii/pages/tides/index.php?location=Haleiwa"></iframe>


To view upcoming tidal information for Kahului.
To display this

Copy this code into your webpage:
<iframe name="tidesKahului" style="border: 0; frameborder: 0;" width="350" height="400" scrolling="auto" src="https://www.weather.gov/hawaii/pages/tides/index.php?location=Kahului"></iframe>


To view upcoming tidal information for Kihei.
To display this

Copy this code into your webpage:
<iframe name="tidesKihei" style="border: 0; frameborder: 0;" width="350" height="400" scrolling="auto" src="https://www.weather.gov/hawaii/pages/tides/index.php?location=Kihei"></iframe>


To view upcoming tidal information for Hilo.
To display this

Copy this code into your webpage:
<iframe name="tidesHilo" style="border: 0; frameborder: 0;" width="350" height="400" scrolling="auto" src="https://www.weather.gov/hawaii/pages/tides/index.php?location=Hilo"></iframe>


To view upcoming tidal information for Kona.
To display this

Copy this code into your webpage:
<iframe name="tidesKona" style="border: 0; frameborder: 0;" width="350" height="400" scrolling="auto" src="https://www.weather.gov/hawaii/pages/tides/index.php?location=Kona"></iframe>