Awesome GitHub RepositoriesUser Interface

Bootstrap is a comprehensive, mobile-first CSS framework designed for building responsive web interfaces. It provides a standardized library of reusable UI components, such as navigation bars, modals, and forms, alongside a robust grid system that ensures consistent layout alignment across diverse viewport sizes. By establishing a baseline through browser normalization and standardized typography, the project enables developers to create accessible, cross-browser compatible web applications. The framework distinguishes itself through a modular Sass-based architecture that allows for deep cust

Dieses Projekt ist eine Immediate-Mode-GUI-Bibliothek, die für die schnelle Entwicklung von Tools und Diagnose-Schnittstellen konzipiert ist. Durch die Generierung der UI-Geometrie in jedem Frame mittels prozeduralem Code entfällt die Notwendigkeit einer persistenten Zustandssynchronisation zwischen Anwendungsdaten und der Schnittstelle. Es ist primär für die Integration in bestehende Rendering-Pipelines gedacht, wo es rohe Vertex-Buffer und Draw-Befehle erzeugt, die agnostisch gegenüber der zugrunde liegenden Grafik-API sind. Die Bibliothek zeichnet sich durch eine stark entkoppelte Architektur aus, die komplexe, andockbare und Multi-Viewport-Layouts unterstützt. Sie verwaltet Fensterpositionen, Tab-Dragging und Node-Splitting, wodurch Entwickler Schnittstellenelemente in unabhängige Betriebssystemfenster auslagern können. Um eine konsistente Interaktion in verschiedenen Umgebungen zu gewährleisten, bildet sie native Eingabeereignisse in ein einheitliches Format ab und bietet eine robuste identifier-basierte Bereichsverwaltung, um Elementzustände über Frames hinweg zu verfolgen. Das Framework bietet eine breite Palette an Funktionen für den Aufbau anspruchsvoller Engine-Tools und Diagnose-Dienstprogramme. Es umfasst Unterstützung für fortgeschrittene visuelle Komponenten wie Node-Editoren, 2D- und 3D-Plotter sowie spezialisierte Inspektoren, neben der Infrastruktur für DPI-Skalierung und benutzerdefiniertes Shape-Rendering. Das System ist auf hohe Portabilität ausgelegt und bietet Konfigurationsoptionen zur Kompilierzeit, die es Entwicklern ermöglichen, Kerndatenstrukturen und mathematische Typen an spezifische Engine-Anforderungen anzupassen. Das Repository bietet umfangreiche Beispiele für die Verbindung der Bibliothek mit wichtigen Grafik-Backends und Frameworks sowie Tools zur Generierung sprachspezifischer Bindings.

Avalonia is a cross-platform desktop framework that enables the creation of native-feeling applications for Windows, macOS, and Linux from a single codebase. It functions as a declarative UI toolkit, allowing developers to define complex visual hierarchies and interface structures using a markup-based syntax that maps directly to underlying object properties. By utilizing the Model-View-ViewModel architectural pattern, the framework facilitates a clean separation between application logic and user interface layout, which simplifies unit testing and component maintenance. The framework disting

Inferno is a virtual DOM UI library and high-performance DOM renderer used for building component-based user interfaces. It functions as a server-side rendering engine and a client-side framework that synchronizes application state with the visual interface through a declarative structure. The project distinguishes itself as a React-compatible UI framework, providing a compatibility layer that allows components designed for other reactive environments to run without modification. Its capability surface covers virtual DOM management, including node diffing and reconciliation, and a full serve

Uno is a cross-platform development framework used to build native mobile, web, desktop, and embedded applications from a single C# and XAML codebase. It provides a native UI framework that renders visual elements across different operating systems using shared layout and styling rules. The platform features a hot reload development environment that allows for the modification of code and layouts in a running application without restarting the process. It supports a dual-mode rendering system, offering a choice between a shared cross-platform canvas and native platform controls. The framewor

GuiLite is a header-only C++ graphical user interface library and cross-platform framework. It provides a minimal implementation for rendering user interfaces and visual widgets across diverse environments, ranging from resource-constrained microcontrollers and embedded hardware to full desktop operating systems. The library functions as an embedded graphics system for composing visual layouts and rendering multi-language text using UTF-8 encoding and compatible font engines. It supports the integration of multimedia content, including the display of 3D graphics and video playback. The frame

dat.gui is a JavaScript GUI controller library that provides a lightweight interface for manipulating variables in real-time through a visual control panel. It functions as a real-time variable debugger and graphical overlay for monitoring and adjusting object properties during application runtime. The library features a collapsible control panel that organizes complex sets of variable inputs into folders. It includes a state management system capable of exporting and importing the current configuration of active controllers as JSON objects. The tool supports object-property binding and dyna

wxWidgets is a C++ UI toolkit and cross-platform GUI framework used to develop desktop applications for Windows, macOS, and Linux. It functions as a native widget wrapper, providing an abstraction layer that maps a single set of API calls to the native interface elements of different platforms. The framework allows for the creation of native graphical user interfaces by utilizing the host operating system's own controls and APIs. This ensures that applications maintain a native look and feel across various operating systems while using a consistent codebase. Beyond interface development, the

Leva ist ein React-GUI-Kontrollpanel und Echtzeit-Parameter-Editor, der verwendet wird, um den Anwendungsstatus und Variablen zu überwachen und anzupassen, ohne den Code zu ändern oder die Seite neu zu laden. Es fungiert als dynamischer Status-Debugger und erweiterbare Eingabebibliothek, die eine visuelle Schnittstelle für das Feintuning numerischer, boolescher und Textwerte innerhalb einer laufenden Webanwendung bietet. Das Projekt zeichnet sich durch ein Plugin-System aus, das die Erstellung benutzerdefinierter Eingabekomponenten und spezialisierter Verhaltensweisen zur Unterstützung einzigartiger Datentypen ermöglicht. Es nutzt Typinferenz, um Daten automatisch dem passenden visuellen Widget zuzuordnen, wobei dieses Mapping überschrieben werden kann, um spezifische Eingabetypen zu erzwingen. Die Schnittstelle unterstützt diverse Eingabekategorien, einschließlich numerischer Bereiche, Vektoren, Farbwähler und Medien-Upload-Felder. Steuerelemente können in hierarchischen Ordnern organisiert, basierend auf anderen Werten bedingt angezeigt und mit externen Datenspeichern synchronisiert werden. Das System überwacht zudem den Bearbeitungslebenszyklus und ermöglicht Callbacks, wenn Benutzer Interaktionen starten oder beenden, um die Performance für rechenintensive Operationen zu optimieren.

Tweakpane ist ein Web-GUI-Kontrollpanel und JavaScript-Parameter-Debugger zur Inspektion des Frontend-Status und zur Überwachung von Echtzeit-Variablenänderungen. Es bietet eine grafische Oberfläche zum Anpassen von Anwendungsparametern und zum Verfolgen von Werten während der Programmausführung. Das Projekt ermöglicht die Erstellung interaktiver Eingaben und schreibgeschützter Wertemonitore, die direkt an Datenvariablen gebunden sind. Es organisiert diese Steuerelemente durch ein hierarchisches Layout aus Ordnern und Tabs und unterstützt die Serialisierung von Kontrollpanel-Konfigurationen und Parameterzuständen in JSON-Dateien zur Persistenz. Das Tool deckt Echtzeit-Parameter-Tuning, Anwendungsstatus-Überwachung und die Entwicklung strukturierter Kontrollpanels ab.

RmlUi ist ein plattformübergreifender UI-Renderer und eine Middleware-Bibliothek, die die Erstellung von Benutzeroberflächen mittels einer Teilmenge von HTML und CSS ermöglicht. Sie fungiert als rendering-agnostische Schicht, die darauf ausgelegt ist, Web-Standard-Layout und -Styling in benutzerdefinierte Game-Engines und eingebettete Anwendungen zu integrieren. Das Framework zeichnet sich durch die Integration von Lua für dynamische Logik und Steuerung aus sowie durch ein spezialisiertes Toolkit zum Rendern von SVG-Bildern und Lottie-Animationen. Es nutzt ein austauschbares Rendering-Backend, das die Geometrieerzeugung von der finalen Anzeige entkoppelt, wodurch texturierte Geometrie für verschiedene Grafik-Pipelines generiert werden kann. Das System deckt ein breites Spektrum an Funktionen ab, einschließlich einer Box-Model-Layout-Engine, einer Cascading-Style-Engine und Data-Binding zur Synchronisierung von Modellen mit Views. Es bietet umfassendes Input-Management für Maus, Tastatur und Touch, neben Internationalisierungsdiensten für die lokalisierte Textübersetzung. Zusätzliche Funktionen umfassen High-DPI-Skalierung, layer-basierte Alpha-Komposition und eine Reihe interaktiver Komponenten wie Range-Slider und Drop-down-Menüs. Der Quellcode kann in WebAssembly-Binärdateien für die Ausführung in Webbrowsern kompiliert werden.

QtNodes #######

A PowerShell module to show file and folder icons in the terminal

UI widgets for modern apps. Data table, forms, toolbars, sidebar, tabs, tooltips, popups. All under 120kb (gzipped).

a modern C++ GUI library

litehtml is the lightweight HTML rendering engine with CSS2/CSS3 support. Note that litehtml itself does not draw any text, pictures or other graphics and that litehtml does not depend on any image/draw/font library. You are free to use any library to draw images, fonts and any other graphics.…

The Fast Light Tool Kit (FLTK) is a cross-platform C++ GUI toolkit for UNIX®/Linux® (X11 or Wayland), Microsoft® Windows®, and macOS®. FLTK provides modern GUI functionality without bloat and supports 3D graphics via OpenGL® and its built-in GLUT emulation. It was originally developed by Mr.…

GTK — The GTK toolkit

:link: C++17 network / graph visualization library - Qt6 / QML node editor.

Declarative UI framework for cross-platform mobile & desktop apps, using MVU and F# functional programming