Widgets — röda dagar, namnsdag och vecka på din sida

Lägg in röda dagar, namnsdag idag eller veckonummer på din webbplats med två rader kod — gratis, alltid uppdaterat och utan beroenden. Kopiera koden nedan, eller klistra in AI-prompten direkt i Lovable, v0, Bolt eller Cursor.

Snabbfakta

  • Pris: Gratis — enda villkoret är att länken till rodadagarna.se behålls synlig
  • Data: Uppdateras automatiskt varje dygn (svensk tid) — du rör aldrig koden igen
  • Teknik: Vanilla JS, ~3 kB, laddas async, inga beroenden, inga cookies, ingen spårning
  • Fungerar med: WordPress, React, Vue, Svelte, statisk HTML — allt
  • API: Öppet JSON-API med CORS för egna byggen

För AI-byggare: klistra in prompten

Bygger du med Lovable, v0, Bolt, Replit eller Cursor? Kopiera prompten nedan och klistra in i chatten — den innehåller allt AI:n behöver för att installera widgeten korrekt.

Add a "next Swedish public holiday" widget to my site using the free widget from rodadagarna.se.

1. Paste this HTML where the widget should appear (keep the fallback link inside the div — it is the required attribution):

<div data-rd-widget="nasta-roda-dag">
  <a href="https://www.rodadagarna.se/roda-dagar-2026/">Röda dagar i Sverige — rodadagarna.se</a>
</div>
<script async src="https://www.rodadagarna.se/widget.js"></script>

2. Available widget types (set data-rd-widget to one of): "nasta-roda-dag" (next red day countdown), "namnsdag-idag" (today's Swedish name day), "vecka-nu" (current ISO week number), "roda-dagar-ar" (full-year holiday list, optional data-year="2025"–"2030").
3. Optional: match my brand color with data-accent="#hexcolor" on the div.
4. If my site is a SPA (React/Vue/Svelte), call window.RodaDagarWidgets.render() after route changes.
5. License: free to use; the visible link to rodadagarna.se must remain.
Docs: https://www.rodadagarna.se/widgets/  ·  JSON API: https://www.rodadagarna.se/api/widget-data.json

Nästa röda dag

Visar nästa röda dag med veckodag, datum och nedräkning. Uppdaterar sig själv — nedräkningen beräknas i besökarens webbläsare.

Förhandsvisning

Kod att kopiera

<!-- Widget från rodadagarna.se — gratis med attribution -->
<div data-rd-widget="nasta-roda-dag">
  <a href="https://www.rodadagarna.se/roda-dagar-2026/">Röda dagar i Sverige — rodadagarna.se</a>
</div>
<script async src="https://www.rodadagarna.se/widget.js"></script>

Namnsdag idag

Visar dagens namnsdagar och eventuell flaggdag. Byter automatiskt vid midnatt svensk tid.

Förhandsvisning

Kod att kopiera

<!-- Widget från rodadagarna.se — gratis med attribution -->
<div data-rd-widget="namnsdag-idag">
  <a href="https://www.rodadagarna.se/namnsdag-idag/">Namnsdag idag — rodadagarna.se</a>
</div>
<script async src="https://www.rodadagarna.se/widget.js"></script>

Vilken vecka är det?

Visar aktuellt veckonummer (ISO 8601, svensk standard) med dagens datum.

Förhandsvisning

Kod att kopiera

<!-- Widget från rodadagarna.se — gratis med attribution -->
<div data-rd-widget="vecka-nu">
  <a href="https://www.rodadagarna.se/vecka/">Vilken vecka är det? — rodadagarna.se</a>
</div>
<script async src="https://www.rodadagarna.se/widget.js"></script>

Röda dagar 2026 (lista)

Komplett lista över årets röda dagar med datum. Vill du visa ett annat år? Lägg till data-year="2027" (2025–2030 stöds).

Förhandsvisning

Kod att kopiera

<!-- Widget från rodadagarna.se — gratis med attribution -->
<div data-rd-widget="roda-dagar-ar" data-year="2026">
  <a href="https://www.rodadagarna.se/roda-dagar-2026/">Röda dagar 2026 — rodadagarna.se</a>
</div>
<script async src="https://www.rodadagarna.se/widget.js"></script>

Öppet JSON-API

Vill du bygga något eget? All widgetdata finns som statisk JSON med CORS aktiverat — fritt att använda med synlig attributionslänk till rodadagarna.se.

Endpoint Innehåll
/api/widget-data.json Dagens datum, veckonummer, namnsdagar, flaggdag, nästa röda dag, kommande högtider, årets röda dagar
/api/roda-dagar-2025.json … /api/roda-dagar-2030.json Alla röda dagar för året med datum, veckodag, vecka och länk

Datan regenereras varje natt svensk tid från samma validerade datalager som driver hela rodadagarna.se. Beräkna alltid nedräkningar ("om X dagar") hos klienten utifrån date-fälten.

Villkor — kort och enkelt

  • Widgetarna och API:et är gratis för både privata och kommersiella webbplatser.
  • Behåll den synliga länken till rodadagarna.se — det är hela ersättningen.
  • Ingen registrering, ingen API-nyckel, inga kvoter för normal användning.
  • Vi samlar inte in någon data om dina besökare — inga cookies, ingen spårning.

Vanliga frågor om widgetarna

Vad kostar widgetarna?

Ingenting. Alla widgets är gratis att använda på valfri webbplats. Det enda kravet är att den synliga länken till rodadagarna.se behålls.

Hur håller sig widgetarna uppdaterade?

Widgetarna hämtar färsk data från rodadagarna.se varje gång sidan laddas, och nedräkningar beräknas i besökarens webbläsare i svensk tid. Du behöver aldrig uppdatera koden.

Fungerar widgetarna med React, Vue eller WordPress?

Ja. Koden är ramverksoberoende vanilla-JavaScript utan beroenden. I single-page-appar anropar du window.RodaDagarWidgets.render() efter sidbyte. I WordPress klistrar du in koden i ett HTML-block.

Påverkar widgeten sidans laddningstid?

Minimalt. Skriptet är ett par kilobyte, laddas asynkront och blockerar aldrig renderingen. Datan cachas dessutom en timme.

Finns det ett API jag kan använda direkt?

Ja — se API-tabellen ovan. JSON-endpointsen skickar Access-Control-Allow-Origin: * så de fungerar från vilken domän som helst.

Kan jag ändra widgetens utseende?

Ja. Sätt data-accent="#dinfärg" på widget-diven för att matcha din profil, eller skriv över CSS-klasserna med egen stil. Typsnittet ärvs från din sida automatiskt.

Relaterade sidor

Röda dagar 2026

Datan bakom widgeten

Namnsdag idag

Dagens namnsdagar

Vilken vecka?

Aktuellt veckonummer

Kalender

Med veckor och röda dagar

Utforska mer

Namnsdag Idag Se vem som har namnsdag Klämdagar 2026 Maximera din ledighet Kalender 2026 Komplett årskalender Vilken Vecka? Dagens veckonummer
Redaktionen Röda Dagar

Vi granskar och uppdaterar alla datum och fakta regelbundet för att säkerställa att informationen är korrekt. Vårt mål är att vara Sveriges mest pålitliga källa för helgdagar, röda dagar och kalenderinformation.