Free HourPunch calculator widgets for your website
Last checked against official sources: (dol.gov; dir.ca.gov; labor.alaska.gov; labor.nv.gov; cdle.colorado.gov)
Copy a lightweight script or iframe to add our hours and overtime calculators to your blog, HR site, or intranet.
Widgets load in a sandboxed iframe, auto-resize on mobile, and include a small Powered by HourPunch link. No cookies or third-party trackers.
Preview options
Weekly time card / hours calculator
Embed a weekly punch clock calculator with regular and overtime hours and optional hourly rate.
data-theme— Theme (light, dark, or auto)
Live preview
Script embed (recommended)
<script src="https://hourpunch.com/embed.js" data-calc="hours" async data-theme="light"></script>
Iframe fallback
<iframe src="https://hourpunch.com/embed/hours?theme=light" title="HourPunch calculator" style="width:100%;max-width:800px;border:0;min-height:480px" loading="lazy"></iframe>
Overtime calculator by state
Weekly time card with state overtime rules, including California daily OT and Alaska, Nevada, and Colorado schemes.
data-state— US state (CA, AK, NV, CO, or any two-letter code (FLSA weekly default))data-theme— Theme (light, dark, or auto)
Live preview
Script embed (recommended)
<script src="https://hourpunch.com/embed.js" data-calc="overtime" async data-theme="light" data-state="CA"></script>
Iframe fallback
<iframe src="https://hourpunch.com/embed/overtime?theme=light&state=CA" title="HourPunch calculator" style="width:100%;max-width:800px;border:0;min-height:480px" loading="lazy"></iframe>
Payroll period dates
Pay frequency and anchor date to list pay dates and period start/end for a calendar year.
data-theme— Theme (light, dark, or auto)
Live preview
Script embed (recommended)
<script src="https://hourpunch.com/embed.js" data-calc="payroll-dates" async data-theme="light"></script>
Iframe fallback
<iframe src="https://hourpunch.com/embed/payroll-dates?theme=light" title="HourPunch calculator" style="width:100%;max-width:800px;border:0;min-height:480px" loading="lazy"></iframe>
Embed terms
- Free to use on personal and commercial sites.
- Keep the visible "Powered by HourPunch" link from the script embed.
- Calculators are estimates only — not legal, tax, or payroll advice.
- No warranty; verify hours and pay with your employer or advisor.
Newsletter & API updates
Paid newsletter coming soon. Payment and signup are not live yet. You can also join the API waitlist in the same form.