embed upcoming hackathons on your site

pick a city

• nationwide

  copy this where the list should appear on your page

  <div class="hx-widget" data-limit="5"><a href="https://ukhackathons.com/">Upcoming hackathons</a></div> <script async src="https://ukhackathons.com/widget.js"></script>
• London

  copy this where the list should appear on your page

  <div class="hx-widget" data-city="london" data-limit="5"><a href="https://ukhackathons.com/locations/london">Upcoming hackathons in London</a></div> <script async src="https://ukhackathons.com/widget.js"></script>
• Manchester

  copy this where the list should appear on your page

  <div class="hx-widget" data-city="manchester" data-limit="5"><a href="https://ukhackathons.com/locations/manchester">Upcoming hackathons in Manchester</a></div> <script async src="https://ukhackathons.com/widget.js"></script>
• Birmingham

  copy this where the list should appear on your page

  <div class="hx-widget" data-city="birmingham" data-limit="5"><a href="https://ukhackathons.com/locations/birmingham">Upcoming hackathons in Birmingham</a></div> <script async src="https://ukhackathons.com/widget.js"></script>
• Edinburgh

  copy this where the list should appear on your page

  <div class="hx-widget" data-city="edinburgh" data-limit="5"><a href="https://ukhackathons.com/locations/edinburgh">Upcoming hackathons in Edinburgh</a></div> <script async src="https://ukhackathons.com/widget.js"></script>
• Bristol

  copy this where the list should appear on your page

  <div class="hx-widget" data-city="bristol" data-limit="5"><a href="https://ukhackathons.com/locations/bristol">Upcoming hackathons in Bristol</a></div> <script async src="https://ukhackathons.com/widget.js"></script>
• Cambridge

  copy this where the list should appear on your page

  <div class="hx-widget" data-city="cambridge" data-limit="5"><a href="https://ukhackathons.com/locations/cambridge">Upcoming hackathons in Cambridge</a></div> <script async src="https://ukhackathons.com/widget.js"></script>
• Leeds

  copy this where the list should appear on your page

  <div class="hx-widget" data-city="leeds" data-limit="5"><a href="https://ukhackathons.com/locations/leeds">Upcoming hackathons in Leeds</a></div> <script async src="https://ukhackathons.com/widget.js"></script>
• Oxford

  copy this where the list should appear on your page

  <div class="hx-widget" data-city="oxford" data-limit="5"><a href="https://ukhackathons.com/locations/oxford">Upcoming hackathons in Oxford</a></div> <script async src="https://ukhackathons.com/widget.js"></script>

keep the link inside the snippet — it is the fallback visitors see before the list loads, and it is how they reach the full listing.

options

• data-city — a city slug from the list above; leave it out for the whole country
• data-limit — how many events to show (1–20, default 5)
• data-theme — light, dark or auto (auto follows the visitor's system)

live preview

this is the real widget, loaded from this site.

listed-on badge

running a hackathon we list? add the badge to your event page and link back to your listing.