4 个仓库
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 是一个无依赖的 DOM 元素动画库和网格布局引擎。它作为客户端内容过滤器和数据驱动的 UI 控制器,旨在管理 HTML 元素在插入、移除和排序操作过程中的平滑视觉过渡。 该系统专注于创建交互式画廊界面和动态内容过滤。它允许使用自定义属性或随机序列重新组织元素,同时将界面元素的排列和可见性与底层数据模型同步。 除了过滤和排序,该库还涵盖了 DOM 元素管理,包括目标的动态插入和移除。它提供了动画化容器大小调整、定义自定义动画效果以及利用非线性交错效果来呈现元素的能力。
Links JavaScript logic controllers to DOM elements via specific HTML attributes to trigger filtering and sorting.
AmplitudeJS 是一个用于构建自定义 HTML5 音频播放器的 JavaScript 库和框架。它作为一个客户端播放列表管理器和媒体控制器,弥合了 HTML 元素与 Web Audio API 之间的差距,允许开发人员创建品牌化的媒体界面,而无需依赖默认的浏览器样式。 该项目的特色在于使用基于 CSS 类的 DOM 绑定和数据属性状态映射,将 HTML 元素直接链接到播放控制和轨道元数据。它包含一个专用可视化系统,使用 Web Audio API 根据音频频率数据渲染实时 SVG 波形和特定歌曲的视觉效果。 该库提供了全面的媒体库管理功能,包括播放列表排序、随机和重复逻辑以及元数据填充。它处理音量管理、播放速度调整和时间戳跳转等播放控制,同时提供事件驱动的回调系统,以将用户界面更改与特定的播放里程碑同步。 该框架进一步支持用于键盘快捷键的外部输入映射,并包括设备感知事件切换,以优化移动触摸屏的交互。
Deno Audio Engine links HTML elements to playback events via CSS and data attributes to trigger state changes.