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://vietnamhackathons.com/en/">Upcoming hackathons</a></div> <script async src="https://vietnamhackathons.com/widget.js?lang=en"></script>
• Hà Nội

  copy this where the list should appear on your page

  <div class="hx-widget" data-city="hanoi" data-limit="5"><a href="https://vietnamhackathons.com/en/locations/hanoi">Upcoming hackathons in Hà Nội</a></div> <script async src="https://vietnamhackathons.com/widget.js?lang=en"></script>
• Thành phố Hồ Chí Minh

  copy this where the list should appear on your page

  <div class="hx-widget" data-city="ho-chi-minh-city" data-limit="5"><a href="https://vietnamhackathons.com/en/locations/ho-chi-minh-city">Upcoming hackathons in Thành phố Hồ Chí Minh</a></div> <script async src="https://vietnamhackathons.com/widget.js?lang=en"></script>
• Đà Nẵng

  copy this where the list should appear on your page

  <div class="hx-widget" data-city="da-nang" data-limit="5"><a href="https://vietnamhackathons.com/en/locations/da-nang">Upcoming hackathons in Đà Nẵng</a></div> <script async src="https://vietnamhackathons.com/widget.js?lang=en"></script>
• Hải Phòng

  copy this where the list should appear on your page

  <div class="hx-widget" data-city="hai-phong" data-limit="5"><a href="https://vietnamhackathons.com/en/locations/hai-phong">Upcoming hackathons in Hải Phòng</a></div> <script async src="https://vietnamhackathons.com/widget.js?lang=en"></script>
• Cần Thơ

  copy this where the list should appear on your page

  <div class="hx-widget" data-city="can-tho" data-limit="5"><a href="https://vietnamhackathons.com/en/locations/can-tho">Upcoming hackathons in Cần Thơ</a></div> <script async src="https://vietnamhackathons.com/widget.js?lang=en"></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.