---
title: "DialKit"
description: "Floating React control panel with sliders, toggles and colour pickers for tweaking values live in a running app."
canonical: "https://vibing.inc/library/dialkit-vg-0708"
category: "Design Tools & Generators"
subcategory: "Debug UI"
license: "open-source"
author: "Josh Puckett (@joshpuckett)"
source: "https://joshpuckett.me/dialkit"
---

# DialKit
Floating React control panel with sliders, toggles and colour pickers for tweaking values live in a running app.
## Facts
- Source: https://joshpuckett.me/dialkit
- Category: Design Tools & Generators / Debug UI
- Author: Josh Puckett (@joshpuckett)
- Licence: open-source
- Tags: react, debug, controls, tweakpane
## Why it's a gem
Leva alternative from a designer's hand; far nicer defaults for design exploration
---
Listed in The Vibeary: https://vibing.inc/library/dialkit-vg-0708 · JSON: https://vibing.inc/api/public/library/gems/dialkit-vg-0708