UK Tide Times
Beach Conditions · Safety
Free forever · No sign-up

Free UK Tide Times Widget

Add live UK tide times, weather and sea conditions to any website in under a minute. Perfect for coastal businesses, surf schools, sailing clubs, holiday parks, campsites, harbour masters, kayak hire, boat charters, dog walkers, RNLI supporters and local tourism sites.

  • 75+ UK beaches
  • Live UKHO tide data
  • Met Office weather
  • Light & dark theme
  • Mobile responsive
  • Shadow DOM isolated
  • No CSS conflicts
  • Auto-updating

Customise your widget

Beach
Theme
Information to display

Live preview

Loading live preview…

The widget adapts to whatever container width you embed it inside. On mobile it falls back to a 2-column grid.

Embed this widget

How to install

  1. Copy the generated code above.
  2. Paste it into the HTML where you would like the widget to appear.
  3. The widget will automatically resize to fit your website.
  4. No maintenance is required. Tide information updates automatically every 10 minutes.

Works in WordPress, Squarespace, Wix, Shopify, Webflow, Bootstrap and any standard HTML page. The widget uses Shadow DOM to isolate its styles, so it will not inherit or break your site's CSS.

Why use our free tide widget?

Official UK tide data

Sourced from the UK Hydrographic Office (Admiralty) tidal predictions and the Met Office weather feed. The same data professional mariners use, embedded on your site for free.

Matches your brand

Light and dark themes, adapts to any container width, and uses system fonts so it feels native on every website — corporate, coastal cottage, or coffee shop.

Won't break your site

Rendered inside a Shadow DOM so your site's CSS can't affect it and its CSS can't affect your site. Ships as a single lightweight async script.

Always up to date

Refetches live data every 10 minutes. You install it once and never touch it again.

Who is it for?

Any website whose visitors care about the sea. That includes:

Holiday cottages & self-catering
Campsites & holiday parks near the coast
Surf schools & board hire
Sailing clubs & yacht clubs
Kayak, paddleboard & watersport hire
Coastal cafés, pubs & restaurants
Harbour masters & marina websites
Fishing charters & angling shops
Coasteering & tour operators
Sea swimming groups
Local tourism boards & town councils
Coastal directories & travel blogs

Widget FAQs

Is the UK tide widget really free?+
Yes. There is no charge, no sign-up, no watermark and no expiry. We ask only that you keep the small "Powered by UK Tide Times" link intact so visitors know where the data is coming from.
How accurate is the tide data?+
Tide predictions come from the UK Hydrographic Office (Admiralty) — the same tidal authority used by the Royal Navy and commercial shipping. Weather comes from the Met Office DataHub.
Will the widget slow down my website?+
No. It loads asynchronously after your page, uses a single small script, and renders inside a Shadow DOM so it can't cause layout shifts on your content.
Can visitors switch between beaches?+
Yes — use the Multi-Beach Widget above. It renders a dropdown of every UK beach we track and updates in place without reloading your page.
Does it work on WordPress, Squarespace, Wix, Shopify?+
Yes. Anywhere you can paste an HTML snippet — a Custom HTML block, an Embed block, or a raw theme file — the widget will work.
What happens if UK Tide Times is down?+
The widget fails gracefully and shows a small notice instead of a broken layout. Once the service is back up it resumes automatically on the next 10-minute refresh.
View the full tide table for El Tico →