Wui

screenshot of Wui

Collection of GUI widgets for the web

Overview

WUI is a collection of easy-to-use, lightweight vanilla GUI widgets for the web. It requires no dependencies and can be used on their own. There is a dark and a bright theme, with the dark theme being the default and more polished. WUI is great for single page apps, audio apps, games, experiments, and more.

Features

  • No dependencies, all widgets can be used on their own
  • Input and Slider widgets can be MIDI controlled with two modes (absolute, relative) and can be user-configurable
  • MIDI learn can be used as a widget of its own through the midi_square_only option of input/slider widgets
  • Dialogs can be detached and still function properly within WUI
  • Circular menu (pie menu / radial menu)
  • Quick forms creation with standard HTML5 form elements and WUI elements (WIP/Experimental)
  • Optimized events (few listeners for each widget)
  • Easily customizable and hackable
  • Lightweight (~5.6kb css, ~15.9kb js gzipped)

Summary

WUI is a lightweight collection of easy-to-use, independent vanilla GUI widgets for the web. With no dependencies and the ability to use widgets on their own, WUI offers great flexibility and customization options. It also includes features like MIDI control, detached dialogs, circular menu, and quick form creation. The library is lightweight and optimized for performance, making it ideal for single page apps, audio apps, games, and experiments.

ui-kit
UI Kits & Components

A UI kit provides developers with a set of reusable components that can be easily integrated into a website or application. These components are pre-designed with consistent styling and functionality, allowing developers to save time and effort in the design and development process. UI kits can be either custom-built or third-party, and often include components for buttons, forms, typography, icons, and more.

grunt
Grunt

Grunt is a popular JavaScript task runner that automates repetitive tasks like minification, compilation, and testing, allowing developers to focus on writing code.