DialKit

DialKit puts a control panel over a running interface so numbers can be tuned by feel instead of by edit and reload. Mount DialRoot, pass an object to the useDialKit hook, and each entry becomes a control wired to the live value: a number range becomes a slider with an optional step, a boolean an Off and On toggle, a hex string a color picker, and there are pads, images, and spring or easing controls alongside them. Controls group into folders, values save as versions while tuning, and a timeline dock edits animation clips with scrubbing, moving and resizing before copying the timing back into the code. Adapters cover React, Solid, Svelte, Vue and plain JavaScript, and the editor is hidden in production by default.