Overview:

The Io-Gui is an experimental JavaScript framework that aims to provide a simple and performant UI framework for creating fast and reactive custom elements. Although it is still under development and not ready for production use, it offers features such as state changes, data binding events, object mutations, routing, navigation, and code splitting. The project's goal is to provide a solid foundation for complex applications and tools, particularly for 3D editors and demo tools for threejs.

Features:

Design system: Io-Gui includes a built-in design system that utilizes a simple and effective CSS framework. It offers various built-in elements such as editors for basic data types and user input, sliders, color editors, configurable object editors, menu systems, selectors, and layout elements.
Reactive WebGL Elements: One of the unique features of Io-Gui is its ability to render custom elements using WebGL shaders. Elements that extend the IoGl element can render their contents using the GLSL shading language, with element properties and CSS theme variables reactively mapped to shader uniforms.
Development: Io-Gui has few dependencies and minimal tooling requirements for development, linting, and testing. It only relies on the TypeScript compiler and can be started by simply running tsc. However, for convenience, it utilizes Node.js and Yarn to run development scripts.

Summary:

Io-Gui is an experimental JavaScript framework that aims to provide a simple and performant UI framework for creating custom elements. It offers features such as state changes, data binding events, object mutations, routing, navigation, and code splitting. It also includes a design system with various built-in elements and supports rendering elements with WebGL shaders. Despite being in development, Io-Gui showcases potential for 3D editors and demo tools for threejs.

Io Gui

Io