Tweakpane

Tweakpane is a compact pane library for fine-tuning parameters and monitoring value changes. It's originally inspired by the popular library dat.GUI.

Concept

• Clean and simple interface
• Easy to use, user-friendly documents
• Mobile support

Features

• Input
  • Number (text / slider / list)
  • String (text / list)
  • Boolean (checkbox / list)
  • Color (picker)
  • Point2D (picker)
• Monitor
  • Number (text / graph)
  • String (text)
  • Boolean (text)
• UI components
  • Folder
  • Button
  • Separator
• Misc
  • JSON import / export
  • TypeScript type definitions

See the official page for more detailed information.

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.