DOM and browser utilities

12-month change compares the average of the last 4 weeks of downloads with the first 4 weeks of the 52-week series. Gzip size is for the whole package, as measured by Bundlephobia. "-" means the value has not been fetched.

• react-smooth-scrollbarReact implementation of smooth-scrollbar
• lazyframeDependency-free library for lazyloading iframes
• ampersand-dom-bindingsTakes binding declarations and returns key-tree-store of functions that can be used to apply those bindings.
• nanocomponentNative DOM components that pair nicely with DOM diffing algorithms
• @ngx-meta/coreDynamic page title & meta tags utility for Angular (w/server-side rendering)
• react-router-scroll-memoryFor React Router V4. React component to keep the scroll of the page and to restore it if the user clicks on the previous button of its browser
• super-hoverA super tiny library that hit-tests hover every frame. Unlike native :hover, it keeps tracking whatever sits under your pointer while you scroll or when things move on screen.
• @alexcheuk/react-sortable-hocThis is a fork of https://github.com/clauderic/react-sortable-hoc with grid sorting fix
• solid-gesture👇 Bread n butter utility for component-tied mouse/touch gestures in Solid.
• query-componentQuery the DOM with selector engine fallback support
• jos-animationAn animation library package to instantly add beautiful/professional looking animation to your website
• @edorivai/react-smooth-dndDrag and Drop library
• react-scroll-percentageMonitor the scroll percentage of a component inside the viewport, using the IntersectionObserver API.
• jquery-scroll-lockLocks mouse wheel scroll inside container, preventing it from propagating to parent element
• filedrop-sveltesvelte component and action to create drag-and-drop file dropzones.
• scroll-to-anchorScroll to the current anchor in the url if possible
• yall-jsYet Another Lazy Loader
• scrollingelementA `document.scrollingElement` polyfill.
• dom-nodesList of all the available DOM and SVG nodes and helper functions to quickly test against them
• scrollto-with-animationAnimated scroll with requestAnimationFrame. For smooth animate scrollTo defining the easing, running at 60FPS and cross-browser
• xml-parseXML DOM, Parser & Stringifier
• htmlparser2-papandreouFast & forgiving HTML/XML/RSS parser
• pdfstudioClient-side PDF toolkit powered by qpdf compiled to WebAssembly. Lock, unlock, change/remove passwords, merge, split, and rotate PDFs entirely in the browser — no server, files never leave the device.
• @drivy/dom-queryUtilities to select dom elements and handle events
• react-fullscreen-imageAn accessible, fast, and animated fullscreen React image viewer.
• vue-moveableA Vue Component that create Moveable, Draggable, Resizable, Scalable, Rotatable, Warpable, Pinchable, Groupable.
• vux-blazyA fast lightweight pure JavaScript script for lazy loading and multi-serving images, iframes, videos and more.
• vue-fluid-dndA Vue 3 drag and drop library to sort all kind of lists
• jdomlightweight dom builder
• vue-check-viewSimple vue plugin that checks element position on screen (viewport) and adds classes to element. ES5 supported.
• karma-jasmine-dom-matchersKarma plugin to inject Jasmine DOM Matchers for Jasmine.
• dom-loadedCheck when the DOM has loaded like `DOMContentLoaded`
• svelte-moveableA Svelte Component that create Moveable, Draggable, Resizable, Scalable, Rotatable, Warpable, Pinchable, Groupable.
• react-scroll-toScroll to a position using react
• access-key-label-polyfillPolyfills the accessKeyLabel property to improve discoverability of native keyboard shortcuts for your website. Tiny (< 1KB) and dependency-free.
• scrollinDo something great when an element enters the viewport.
• @finsweet/attributes-scrolldisableDisables scrolling on certain events.
• scroll-snapSnap page when user stops scrolling, with a customizable configuration and a consistent cross browser behaviour
• bianco.dom-to-arrayConverts any DOM node/s to a loopable array
• vue-affixA Vue.js plugin that affixes an element in the window while you scroll, similar to Bootstrap Affix but much simpler
• hydro-jsA lightweight reactive library
• use-scroll-directionA simple, performant, and cross-browser hook for handling scroll in your next react app.
• react-stickupReact components to stick elements at the top of the page while scrolling
• @abp/clipboardABP Framework is a complete open-source infrastructure to create modern web applications by following the best practices and conventions of software development. This package is a part of the [ABP Framework](https://abp.io) and contains client-side files.
• cupertino-filesRead, inspect, and edit Apple Pages, Numbers and Keynote documents (iWork / Creator Studio, modern IWA format) in pure TypeScript with zero runtime dependencies.
• add-pxAdds 'px' to a number. Useful for dom-style module.
• @codingheads/scroll-utilsA library for scroll-related utils.
• await-ofawait wrapper for easier errors handling without try-catch
• dom-mutationsObserve changes to the DOM using an async iterable — A nicer API for MutationObserver
• @innovatrics/dot-smile-livenessDigital onboarding semi-passive liveness

• htmlparser2 vs cssom
• html-to-image vs dom-to-image
• cheerio vs html-react-parser
• htmlparser2 vs html-react-parser
• react-dropzone vs filepond
• dropzone vs filepond
• @gitbeaker/rest vs nice-grpc-client-middleware-retry
• overlayscrollbars vs react-svg
• react-lazy-load-image-component vs react-lazyload
• cssom vs html-react-parser
• react-dropzone vs dropzone
• hash-wasm vs crypto-hash
• react-svg vs dom-to-image-more
• dom-to-image vs panzoom
• html-to-image vs panzoom
• sortablejs vs vue-draggable-plus
• sortablejs vs @hello-pangea/dnd