Live controls for React, Solid, Svelte, Vue, and plain JavaScript. Tune motion, layout, color, and animation timing directly in your interface.
DialKit, by Josh Puckett, mounts a small control panel over a running interface so values can be tuned by hand, and it works in React, Solid, Svelte, Vue or plain JavaScript. The panel offers sliders, toggles, colour pickers that understand OKLCH and Display P3, two-axis pads, spring and easing editors and a timeline for animation timing, with versions you can save, and it hides itself in production. Start with the prompts section, which gives ready-made instructions for a coding agent to add DialKit to an existing animation or tune a timeline.
- Type
- Library
- Category
- Libraries & frameworks, Developer tools
- Added
- Sep 18, 2026
- People
- Josh Puckett
