[](https://www.npmjs.com/package/leva) [](https:/
npm install @ezcax/leva  !GitHub Workflow Status 
- ⭐️ Beautiful by default
- 🎚 More than 12 different kinds of inputs available
- 🧐 Smart input type recognition
- 🔌 Easy-to-make plugins
- ✅ Keyboard accessible
- ⚡️ No setup necessary
``bash`
npm i leva
Simply call the useControls hook from anywhere in your app:
`jsx
import { useControls } from 'leva'
function MyComponent() {
const { name, aNumber } = useControls({ name: 'World', aNumber: 0 })
return (
NOTE: Using Leva with React 18 will cause a console error about createRoot which you can safely ignore, or fix by following the instructions here: discussion
- Getting Started
- Inputs
- Configuration
- Styling
- Advanced: Controlled Inputs
- Advanced: Creating Plugins
Thanks goes to these wonderful people (emoji key):
This project follows the all-contributors specification. Contributions of any kind welcome!