4 Repos
Linking JavaScript logic controllers to DOM elements via specific HTML attributes.
Distinct from HTML Attribute Bindings: Focuses on binding a logic controller class to an element, not reactive data-to-attribute synchronization.
Explore 4 awesome GitHub repositories matching user interface & experience · Controller Binding. Refine with filters or upvote what's useful.
Stimulus is a JavaScript behavior framework and client-side logic layer used to add interactive behavior to server-rendered HTML. It functions as a system of DOM component controllers that organize JavaScript logic into classes, allowing developers to enhance server-delivered markup without replacing the rendering process with a client-side framework. The framework uses data attributes to bind JavaScript classes to HTML elements and map DOM events to specific methods through document-level event delegation. It employs a lifecycle manager based on mutation observers to automatically instantiat
Links JavaScript controller classes to HTML elements using specific data attributes.
Mixxx is a free, open-source DJ application that runs on Windows, macOS, and Linux, providing a complete platform for mixing audio tracks with beat detection, key analysis, and real-time effects during live performances. It functions as a digital mixer that supports MIDI controller mapping, timecode vinyl control, and custom skin layouts, while also serving as a live performance recording tool that can capture mixes to audio files and broadcast them to internet radio servers in real time. The application distinguishes itself through a comprehensive architecture that coordinates automated play
Every UI widget and internal parameter is linked through a central control object registry, enabling decoupled read/write access from any component.
Mixitup ist eine abhängigkeitsfreie DOM-Element-Animationsbibliothek und Grid-Layout-Engine. Sie dient als clientseitiger Inhaltsfilter und datengesteuerter UI-Controller, der darauf ausgelegt ist, den reibungslosen visuellen Übergang von HTML-Elementen während Einfüge-, Entfernungs- und Sortieroperationen zu verwalten. Das System ist auf die Erstellung interaktiver Galerie-Schnittstellen und dynamischer Inhaltsfilterung spezialisiert. Es ermöglicht die Reorganisation von Elementen unter Verwendung benutzerdefinierter Attribute oder zufälliger Sequenzen, während die Anordnung und Sichtbarkeit von Schnittstellenelementen mit einem zugrunde liegenden Datenmodell synchronisiert wird. Über die Filterung und Sortierung hinaus deckt die Bibliothek das DOM-Element-Management ab, einschließlich des dynamischen Einfügens und Entfernens von Zielen. Sie bietet Funktionen zum Animieren von Container-Größenänderungen, zum Definieren benutzerdefinierter Animationseffekte und zur Verwendung nicht-linearer Stagger-Effekte für das Erscheinen von Elementen.
Links JavaScript logic controllers to DOM elements via specific HTML attributes to trigger filtering and sorting.
AmplitudeJS ist eine JavaScript-Bibliothek und ein Framework zum Aufbau benutzerdefinierter HTML5-Audioplayer. Es dient als Client-seitiger Playlist-Manager und Medien-Controller, der die Lücke zwischen HTML-Elementen und der Web Audio API schließt und es Entwicklern ermöglicht, gebrandete Medienschnittstellen zu erstellen, ohne auf Standard-Browser-Stile angewiesen zu sein. Das Projekt zeichnet sich durch die Verwendung von CSS-Klassen-basiertem DOM-Binding und Data-Attribute-Zustands-Mapping aus, das HTML-Elemente direkt mit Wiedergabesteuerungen und Track-Metadaten verknüpft. Es enthält ein dediziertes Visualisierungssystem, das die Web Audio API nutzt, um Echtzeit-SVG-Wellenformen und songspezifische visuelle Effekte basierend auf Audiofrequenzdaten zu rendern. Die Bibliothek bietet umfassende Funktionen für die Medienbibliotheksverwaltung, einschließlich Playlist-Sequenzierung, Shuffle- und Repeat-Logik sowie Metadaten-Populierung. Sie handhabt Wiedergabesteuerungen wie Lautstärkemanagement, Wiedergabegeschwindigkeitsanpassung und Zeitstempel-Seeking, während sie ein ereignisgesteuertes Callback-System bietet, um Benutzeroberflächenänderungen mit spezifischen Wiedergabemeilensteinen zu synchronisieren. Das Framework unterstützt zudem externes Input-Mapping für Tastaturkürzel und enthält gerätebewusstes Event-Switching, um Interaktionen für mobile Touchscreens zu optimieren.
Deno Audio Engine links HTML elements to playback events via CSS and data attributes to trigger state changes.