npm:leva | Skypack

README

GitHub Workflow Status

A GUI you are going to lava.

Customizable, extensible and beautiful by default.

Storybook

_{by Poimandres}

🚧🚧 This repo is under heavy development 🚧🚧

Features

⭐️ Beautiful by default
🎚 More than 12 different kinds of inputs available
🧐 Smart input type recognition
🔌 Easy-to-make plugins
✅ Keyboard accessible
⚡️ No setup necessary

Installation

npm i leva

Quick start

Simply call the useControls hook from anywhere in your app:

import { useControls } from 'leva'

function MyComponent() {
  const { name, aNumber } = useControls({ name: 'World', aNumber: 0 })

  return (
    <div>
      Hey {name}, hello! {aNumber}
    </div>
  )
}

Documentation

Contributors ✨

Thanks goes to these wonderful people (emoji key):

_{Andrew Prifer} 🤔 💻	_Aria 🤔	_{David Bismut} 🤔 💻	_{Dmitry Ivakhnenko} 💻	_Gianmarco 🤔 💻	_{Guido Vizoso} 💻	_Han 🎨
_{Ivan Rossi} 🐛	_{Laurin Quast} 💻 🤔	_{Marco Fugaro} 🤔	_{Marco Ludovico Perego} 🤔	_{Piotr Monwid-Olechnowicz} 📖	_{clementcassajus} 🎨	_{thephoenixofthevoid} 🐛