For element interaction utilities, the strongest matches are bendc/sprint (Sprint is a lightweight library that provides the core), jquery/jquery (jQuery is the definitive library for DOM manipulation and) and madrobby/zepto (Zepto is a lightweight, jQuery-compatible library that provides the). fabiospampinato/cash and alpinejs/alpine round out the shortlist. Each is ranked by relevance to your query, popularity and recent activity.
Find the best DOM interaction libraries for your project. Compare top-rated tools by activity and features to pick the right one for your needs.
Sprint is a lightweight DOM manipulation and event handling library. It provides a minimal set of utilities for selecting, modifying, and traversing elements within the browser document object model. The library utilizes a selector engine to isolate specific document nodes using CSS-like patterns and positional indices. It encapsulates raw DOM elements within a wrapper object to provide a consistent API for updating element attributes, styles, and content. The toolset covers browser event management for attaching and detaching interaction handlers, as well as document tree navigation to loca
Sprint is a lightweight library that provides the core DOM manipulation, element selection, and event handling utilities required for simplifying web interaction patterns.
jQuery is a library designed for document object model manipulation and cross-browser interaction. It provides a unified interface for selecting, traversing, and modifying web page elements, ensuring consistent behavior across different rendering engines by abstracting away underlying browser inconsistencies. The library distinguishes itself through a dedicated CSS selector engine that parses strings into executable functions for element location. It incorporates a state machine for managing asynchronous operations and a feature-detection strategy that probes the environment to execute code p
jQuery is the definitive library for DOM manipulation and cross-browser event handling, providing a comprehensive suite of utilities for element selection, traversal, and interaction that directly matches your requirements.
Zepto is a minimalist JavaScript toolkit providing an API for DOM manipulation, event handling, and asynchronous HTTP requests. It functions as a jQuery-compatible library, allowing developers to select, modify, and animate HTML elements using a concise and chainable syntax. The library includes an asynchronous HTTP client for exchanging data with remote servers without triggering page reloads and a browser-based event handler that supports standard mouse events and mobile touch gestures. Its capability surface covers CSS selector-based querying, element transition animations, and the serial
Zepto is a lightweight, jQuery-compatible library that provides the requested DOM manipulation, event delegation, and touch gesture support in a compact footprint.
Cash is a lightweight DOM manipulation library and HTML element wrapper designed as an alternative to jQuery for selecting and modifying elements in modern browsers. It functions as a modular DOM framework and JavaScript utility library, providing a system to wrap DOM nodes into actionable collections for batch processing. The project is built with a modular design that supports tree-shaking, allowing build tools to exclude unused methods to minimize the final bundle size. It provides mechanisms for extending the core functionality and collection prototypes to implement reusable plugins and c
Cash is a lightweight, jQuery-compatible library that provides the core DOM manipulation and event handling utilities required for modern web development.
This project is a declarative framework for building reactive user interfaces by embedding logic directly into HTML markup. It functions as a lightweight state container that tracks data changes and automatically synchronizes the document object model with the underlying application state. By utilizing proxy-based observation, it ensures that interface updates occur precisely when reactive properties are modified. The framework distinguishes itself by allowing developers to define interactive behavior through custom attributes rather than external scripts. This approach enables the compositio
Alpine.js provides a lightweight, declarative way to handle DOM manipulation and event delegation directly within HTML, making it a highly effective utility for managing user interactions without the overhead of a full-scale framework.
winjs is a browser UI toolkit and JavaScript component library designed for building web applications. It provides a set of high-performance components and utilities with native support for touch, keyboard, and accessibility. The project features a cross-browser event normalizer that creates synthetic pointer and focus events to ensure consistent input behavior across different browsers. It also includes a web localization framework for managing multi-language translations and regional formats using key-value resource files. The toolkit covers a broad range of capabilities, including a front
WinJS provides a comprehensive suite of DOM utilities, event normalization, and cross-browser interaction handling that aligns with the requirements for simplifying web application development.
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
Stimulus is a framework designed to manage DOM interactions and event handling through attribute-based controllers, making it a highly effective tool for enhancing server-rendered HTML with lightweight, declarative logic.
Hyperscript is a DOM manipulation library and HTML scripting language that functions as a logic engine and reactive UI framework. It allows for the definition of interactive behavior and client-side logic directly within HTML attributes. The system distinguishes itself through declarative web scripting and in-HTML interactive behavior, which removes the requirement for separate JavaScript files to manage element states. It utilizes a specialized syntax for data processing, employing pipe operators to filter, sort, and convert data collections within the browser. The framework provides capabi
This library provides a declarative way to handle DOM manipulation and event interactions directly within HTML attributes, making it a specialized but effective tool for managing web application behavior.
Delegated-events is a JavaScript library designed for managing DOM interactions and component communication through centralized event handling. It provides utilities to implement event delegation, allowing developers to register a single listener on a parent element that triggers only when events originate from child elements matching specific CSS selectors. The library distinguishes itself by integrating type-safe payload validation, which ensures that data exchanged between application components adheres to predefined structures. By consolidating multiple potential handlers into a single sh
This library provides a lightweight solution for event delegation, which is a core requirement for simplifying event handling in web applications.
Flight is a JavaScript component framework and DOM interactivity library used to map behavioral logic to HTML nodes. It provides an event-driven architecture for building modular user interface elements and managing web application interactivity. The library distinguishes itself through a mixin-based system for injecting reusable functions and properties into components, promoting code reuse without rigid inheritance. It further enables behavior modification via function hooking, allowing developers to wrap existing methods to inject custom logic without altering the original source code. Th
Flight is a component-based library designed specifically for mapping behavioral logic to DOM nodes, providing the event-driven architecture and DOM interaction utilities required for managing complex web interfaces.
interact.js is a JavaScript interaction library used to implement drag and drop, resizing, and multi-touch gestures within web browsers. It provides a specialized interaction framework for scalable vector graphics, allowing these elements to be moved and resized. The library features a multi-touch gesture engine that recognizes complex patterns such as pinch and rotate, and a coordinate snapping engine for aligning elements to grids or restricting movement within boundaries. It also includes a cross-frame state synchronizer to share interaction states and input events across multiple browser
This library provides a robust set of utilities for complex user interactions like drag-and-drop, resizing, and multi-touch gestures, making it a specialized tool for handling advanced DOM interaction patterns.
| Repository | Stars | Language | License | Last push |
|---|---|---|---|---|
| bendc/sprint | 4.2K | JavaScript | MIT | |
| jquery/jquery | 59.8K | JavaScript | MIT | |
| madrobby/zepto | 15.1K | HTML | NOASSERTION | |
| fabiospampinato/cash | 7K | JavaScript | MIT | |
| alpinejs/alpine | 31.7K | HTML | MIT | |
| winjs/winjs | 4.1K | JavaScript | NOASSERTION | |
| hotwired/stimulus | 13.1K | TypeScript | MIT | |
| bigskysoftware/_hyperscript | 3.7K | JavaScript | NOASSERTION | |
| dgraham/delegated-events | 1K | JavaScript | MIT | |
| flightjs/flight | 6.5K | JavaScript | MIT |