Awesome GitHub RepositoriesInteraction Behavior Configurations

Leafer UI ist eine hochperformante HTML5-Canvas-Rendering-Engine und eine Bibliothek für 2D-Vektorgrafiken. Sie nutzt einen hierarchischen Szenenbaum zur Verwaltung von Formen, Pfaden und Text und bietet ein Toolkit für den Aufbau interaktiver Canvas-Anwendungen und expansiver unendlicher Arbeitsflächen. Die Engine ist als plattformübergreifendes Canvas-Toolkit konzipiert, das die Kernlogik von der Zeichen-API entkoppelt, wodurch sie in Web-, Mobil-, Server- und Mini-Programm-Umgebungen ausgeführt werden kann. Sie zeichnet sich durch die Bereitstellung spezialisierter Werkzeuge für die Entwicklung interaktiver Grafikeditoren aus, einschließlich Hit-Detection, Event-Bubbling und Transformationssteuerungen. Ihr Funktionsumfang deckt Vektorform-Rendering, komplexe Pfaderstellung und Bewegungsanimationen ab. Das Framework enthält eine Layout-Engine mit flexiblem Box-Modell, Koordinatenraum-Transformation für präzise Positionierung und Unterstützung für Multi-Threaded-Offscreen-Rendering in Web-Workern. Zudem bietet es Werkzeuge für Szenenverwaltung, Elementmaskierung und den Export von Canvas-Inhalten in Bilder oder JSON. Die Bibliothek kann über ein Standard-Script-Tag integriert oder innerhalb reaktiver Frameworks wie React, Vue und Nuxt verwendet werden.

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.

vanilla-tilt.js is a JavaScript 3D tilt library used to animate web elements in 3D space. It functions as an interactive UI animation tool that drives element rotation and scale effects based on mouse movement or mobile device orientation. The library distinguishes itself through the simulation of physical surfaces, utilizing a dynamic light glare effect to create glossy reflections that shift with the cursor. It also includes a parallax depth system that offsets inner elements relative to a parent container to simulate physical layering and three-dimensional space. The toolkit covers a broa