In development2026Design & build — solo

SpinPick

A wheel-of-fortune decision tool that makes picking something fun — tap a preset for Yes/No, days or a 1–10, or fill it with your own options for prizes, names and raffles.

Next.js (App Router)TypeScriptTailwind CSSFramer MotionCustom SVG + Canvas
Visit live site
The neon wheel — presets, legend, ready to spin
// the problem

“Wheel of names” and random-picker tools are searched constantly — for raffles, classrooms, picking who pays, settling arguments — yet almost all of them look dated and clunky. The whole category was wide open for the best-looking, most satisfying version.

// the approach

I built the wheel geometry as a pure, tested module: the winner is chosen first (weighted-capable), then the wheel is animated to land exactly there with an anticipation wind-up and eased deceleration — so the result is never a function of render timing. A self-test proves over 20,000 random trials that it always stops on the chosen segment. On top sits a cyber-neon SVG wheel where every slice glows its own colour; the wheel shows numbers and pairs with a colour-matched legend, so it stays readable from two options to fifty-plus.

// highlights
  • Cyber-neon wheel — each slice its own glowing colour, real eased spin physics with an anticipation wind-up
  • Numbers on the wheel + a colour-matched legend, so it stays readable from 2 to 50+ options
  • Useful & cheeky presets — Yes/No, Yes/No/Maybe, 1–10, Heads/Tails, Days, plus rigged ‘Basically yes/no’
  • Name your spinner; share links encode the whole wheel + title into the URL
  • Confetti burst and neon flash on the winner reveal, with a running results history
  • Provably-fair landing logic, unit-tested in a pure module (20k random trials)
  • Fully responsive + respects reduced-motion
// gallery
Responsive on mobile
Responsive on mobile
Full page — wheel, legend, presets & results
Full page — wheel, legend, presets & results

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