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.

• @xmachines/json-render-domFramework-free DOM renderer for json-render — pure Spec to DOM, no virtual DOM, no framework runtime
• om-perfect-scrollbarMinimalistic but perfect custom scrollbar plugin
• vue-use-active-scrollAccurate TOC/sidebar links without compromises for Vue 3.
• dekuRender interfaces using pure functions and virtual DOM
• @foblex/flow-dagre-layoutDagre layout engine adapter for Foblex Flow.
• vue3-draggable-nextdraggable component for vue
• zip-text-nodesMerge the DOM of 2 elements with the same textContent
• skalerA 329B client-side image resizer.
• @svelte-put/dragscrollSvelte action for drag-to-scroll behavior
• sveltekit-embedA collection of embed components for SvelteKit. Easily embed content from YouTube, Spotify, Vimeo, CodePen, and many more with performant, lazy-loaded components.
• ngx-sortableAn angular 4 and above component for sorting list supporting drag and drop sort.
• dom-element-to-component-sourceA library to retrieve the source location of DOM elements in React applications
• tag-soupThe fastest pure JS SAX/DOM XML/HTML parser.
• filetomarkdownConvert various file types to markdown format with browser and Node.js support
• @depay/react-shadow-domA library to easily render react compatible shadow DOMs for web components with individual styling for inside and outside.
• textareaDOM enhancements for the textarea element, including tabs and auto-expansion
• metal-drag-dropMetal's drag and drop component.
• @azure-rest/maps-routeA client library for Azure Maps maps-route
• svelte-lazy-imageSvelte component to lazy load images using Intersection Observer
• amuchinaA work-in-progress HTML sanitizer that strives for: performance like window.Sanitizer, readiness like DOMPurify, and ability to run in a WebWorker like neither of those.
• dom-resizePolyfill to make it easy to listen for element resize events
• smooth-scrollbar-reactA wrapper for smooth-scrollbar to React Component
• @react-email-dnd/rendererRendering utilities for react-email-dnd documents.
• @holz/loggerA preconfigured, general-purpose logger
• @zerodevx/svelte-imgHigh-performance responsive/progressive images for SvelteKit
• @eleung/react-grid-layoutA draggable and resizable grid layout with responsive breakpoints, for React. Includes Flexbox layout support and cross-layout drag and drop.
• react-scroll-up-buttonReact component Scroll up button, fixed button to scrolll up to desired position
• @brianmcallister/highlight-textHightlight `words` in `text`
• happy-opfsA browser-compatible file system module based on OPFS, inspired by Deno fs APIs. Supports async/sync operations, streaming zip/unzip, and Result-based error handling.
• svelte-overflow-fadeA Svelte action to add overflow fade effects to scrollable containers
• typifierThe javascript library to get or check the type of a given variable.
• @shelamkoff/infinite-scrollSmall framework-agnostic infinite scroll controller built on IntersectionObserver with loading guards, error handling, and absolute-layout support
• @gajae-code/nativesNative Rust bindings for grep, clipboard, image processing, syntax highlighting, PTY, and shell operations via N-API
• react-viewport-heightA utility for React to set 100vh equal to the actual browser inner window height.
• reactstrap-scrollspyScrollspy library for Reactstrap to create an automatically update navigation easily and flexibly.
• react-use-scroll-positionA react hook to use scroll position
• angular-popperPopover component for Angular 2+ based on Popper.js library.
• domtasticSmall, fast, and modular DOM and event library for modern browsers.
• ssr-scroll-toSmooth window scroll to position with requestAnimationFrame
• dom-to-image-improvedGenerates an image from a DOM node using HTML5 canvas and SVG
• jsondomA DOM-like interface for querying Javascript Objects
• undoredo.jsA powerful and simple Javascript library provides a history for undo/redo functionality. Just like a time machine! 🕐
• @tempfix/lenisHow smooth scroll should be
• imgConvert any dom tree to an image element
• react-scroll-to-elementScroll to any element of your React application
• @windmill-labs/svelte-dnd-action*An awesome drag and drop library for Svelte 3 and 4 (not using the browser's built-in dnd, thanks god): Rich animations, nested containers, touch support and more *
• jquery-waypointsA jQuery plugin that makes it easy to execute a function whenever you scroll to an element.
• flickity-bg-lazyloadFlickity lazyload background images
• jquery-unveilA very lightweight plugin to lazy load images for jQuery or Zepto.js
• vue-virtual-sortableA virtual scrolling list component that can be sorted by dragging

• 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