Dial Picker

Dial Picker
Dial Picker

About Dial Picker

Turn your project list into an object people want to touch. Dial Picker is a machined knob with your projects printed round it, like the program dial on a good radio. The names stay put and readable; the knob turns, clicks into each stop with a sprung detent, and its painted line points at the project that's on.

Drag it, flick it, tap a name or use the arrow keys. The title above rolls over like a mechanical counter in the direction you turned, the panel takes the project's colour, and pressing the knob opens the project.

What's inside

  • Drag or flick the knob (with momentum and end stops), tap a printed name, arrow buttons or arrow keys

  • Three layouts: Horizon, Side and Wheel

  • Paper, Navy and Graphite panels or your own colours; silver or black knob

  • Per-project colour and title typeface

  • Press-to-open knob, a first-visit hint and a small turn on arrival

  • Optional synthesised click per stop and an onChange event

  • A real slider for screen readers and keyboards; respects Reduce Motion; fits phone widths

Part of the STUDIO day kit: all fourteen components for $49 until 19 November.

From Tanmay Kaper

Letter Drop
Pocket Console

Related Components

Liquid Glass Navbar
Liquid Glass Nav Pro
SaaS Navigation
SmoothTabs