/tweakpane

A compact pane for fine-tuning/monitoring values

Primary LanguageJavaScriptMIT LicenseMIT

Tweakpane

CI Coverage Status npm version

cover

Tweakpane is a compact pane library for fine-tuning parameters and monitoring value changes, inspired by dat.GUI.

Concept

  • Clean and simple
  • Dependency-free
  • Mobile support

Features

See the official page for details.

  • Inputs
    • Number (text / slider / list)
    • String (text / list)
    • Boolean (checkbox / list)
    • Color (picker)
    • Point2D (picker)
    • Point3D (text)
  • Monitors
    • Number (text / graph)
    • String (text)
    • Boolean (text)
  • UI components
    • Folder
    • Button
    • Separator
  • Theming
  • Misc
    • JSON import / export
    • TypeScript type definitions
  • Plugin (public beta)

Development

npm start for development. It starts a web server for the online document, building source files, watching changes for the next build. After executing the command, open http://localhost:8080/ for browsing the document.

License

MIT License. See LICENSE.txt for more information.