Live2026Design & build — solo

UK Speeding Calculator

A UK speeding-penalty calculator built around a single draggable dial that turns a speed into a clear, likely outcome.

Next.js (App Router)TypeScriptTailwind CSSFramer MotionCustom SVG
Visit live site
The calculator — dial + live outcome
// the problem

When someone gets caught speeding, they want one answer fast: what's going to happen to me? The existing UK speeding calculators are accurate but dated and clunky — walls of dropdowns and dense legal text. There was an obvious gap for a tool that is instantly understandable and genuinely pleasant to use.

// the approach

I built the penalty logic as a pure, testable module straight from the Sentencing Council guidelines and NPCC guidance, then wrapped it in one draggable speed dial. As you drag, the arc moves through the real thresholds — green tolerance, amber awareness course, orange fixed penalty, red court — so the outcome is legible at a glance. The whole thing runs in the browser, so nothing the user types ever leaves their device.

// highlights
  • Draggable custom-SVG speed dial with live, colour-coded thresholds
  • Outcome engine: course vs fixed penalty vs court, with fines, points and ban warnings
  • New Driver Act revocation + 12-point totting-up detection
  • Optional income input for an estimated £ fine
  • Shareable result links that reopen the exact scenario
  • Cited gov sources + FAQ with structured data for SEO
  • Private by design — calculates client-side, nothing stored
// gallery
Responsive on mobile
Responsive on mobile
Full page — sources, FAQ & disclaimer
Full page — sources, FAQ & disclaimer

Like what you see? Let's build something together.