Dial in the details.

Kelvin is a value dial that feels like a smart thermostat. Turn the ring, the ticks glow from cool to warm, and the number lands straight in your form.

Project budget

$12k

Turn the ring

Drag around the ring · or use the arrow keys

(01) Forms

A budget field people actually enjoy.

Drop Kelvin inside a Framer form and its value is submitted with the other fields, under the name you choose. This one is a real form, try it.

(02) Anything with a range

One dial, every number.

Team size

Seats

Team size

Hours / week

20h

Part time → full time

Hours per week

Living room

21.5°

Heating

Thermostat

(03) Details

Small object, lots of care.

Writes into your form

Set Form Field to an input name and the formatted value is typed in as the ring turns. Works with Framer forms.

Cool to warm

Three colour stops light the ticks and the glow behind the number. Use brand colours or a real thermostat palette.

Feels physical

The brushed ring turns with the value, every step clicks softly, and phones get a tiny haptic tap.

Any range

Min, max, step, prefix, suffix, compact 12k formatting and a + at the top end for open budgets.

Keyboard ready

Arrow keys, Page Up/Down, Home and End. It is a proper slider for screen readers too.

Canvas friendly

A still render on the Framer canvas and in exports, so the editor stays fast.

Turn it up.

Get Kelvin — $12

Made for Framer