Skip to main content

Deno 2.2 is here with built-in OpenTelemetry, Lint plugins, node:sqlite, and more 🎉️

Search npm for packages to use with Deno

Millions of packages that you already know npm are just a few keystrokes away.
Add them to your projects with a simple command that will already feel familar.

@react-hook/window-scroll
A React hook for updating components when the scroll position of the window on the y-axis changes
react react hook hook react hooks hooks window scroll window scroll hook scroll position viewport viewport scroll viewport scroll hook usewindowscroll use window scroll react window scroll hook
@react-hook/window-size
React hooks for updating components when the size of the `window` changes.
react react hook hook react hooks hooks window size window size hook window width window width hook window height window height hook window viewport size viewport width
react-cool-inview
React hook to monitor an element enters or leaves the viewport (or another element).
react hook component react-hook inview-hook inviewport-hook in-view-hook in-viewport-hook intersection-hook intersection-observer-hook use use-inview use-inviewport use-in-view
react-scroll-percentage
Monitor the scroll percentage of a component inside the viewport, using the IntersectionObserver API.
react component viewport intersection scroll inview
react-intersection-observer
Monitor if a component is inside the viewport, using IntersectionObserver API
react component hooks viewport intersection observer lazy load inview useInView useIntersectionObserver
react-hook-inview
React Hook for detecting when an element is in the viewport
react react hook react hooks hook hooks inview in viewport viewport intersection observer
use-is-in-viewport
A react hook to use the IntersectionObserver declaratively in your React app.
react hook intersection observer viewport
use-breakpoint
A React hook for getting the current responsive media breakpoint
breakpoint matchMedia react responsive typescript viewport window.matchMedia
react-viewport-list
📜 Virtualization for lists with dynamic item size
react viewport list windowing window virualization virtual react-window react-virualized react-tiny-virtual-list react-list react-virtual-list
vue-check-view
Simple vue plugin that checks element position on screen (viewport) and adds classes to element. ES5 supported.
vue vue.js viewport screen element position dom scroll resize
@chakra-ui/media-query
A React hook for changing properties or visibility of a component based on css media query
chakra ui breakpoint matchMedia react responsive viewport
react-responsive
Media queries in react for responsive design
css react-component viewport react mobile media queries respond media query matchMedia responsive component
dragscroll
Tiny library for drag-n-drop scrolling style
dragscroll scroll scrolling mouse hold drag-n-drop drag-and-drop click-n-hold click-and-hold drag viewport
jquery-visible
Quickly check if an element is within the browsers visible viewport, regardless of scroll position. If a user can see this element, the function will return true.
visible viewport visibility view scroll display ui helper element hidden hide
react-viewport-utils
Utility components for working with the viewport in react
react viewport scroll dimensions size resize event observer window screen
ng-in-viewport
Allows us to check if an element is within the browsers visual viewport
angular ng IntersectionObserver intersection-observer viewport visibility infinite-scroll lazy-loading lazyload lazy-loading-images lazyload-images angular-14 angular-15 angular-16
pixi-viewport
A highly configurable viewport/2D camera designed to work with pixi.js. Features include dragging, pinch-to-zoom, mouse wheel zooming, decelerated dragging, follow target, snap to point, snap to zoom, clamping, bouncing on edges, and move on mouse edges.
PIXI pixi.js viewport zoom scroll pinch stage bounce decelerate
jsdom-testing-mocks
A set of tools for emulating browser behavior in jsdom environment
testing jsdom jest vitest mock Resize Observer API Intersection Observer API Web Animations API WAAPI matchMedia viewport react
viewport-dimensions
Simple utility for watching and retrieving browser viewport width, height, vmin and vmax
viewport browser window document width height innerWidth innerHeight clientWidth clientHeight dimensions dimension
angular-scroll-animate
An Angular.js directive which allows you to perform any javascript actions (in the controller, or on the element) when an element is scrolled into, or out of, the users viewport, without any other dependencies.
angular directive scroll animate visible view viewport lazy