Search results
753 packages found
Monitor if a component is inside the viewport, using IntersectionObserver API
Media queries in react for responsive design
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
A React hook for changing properties or visibility of a component based on css media query
Define custom viewports for your Nuxt project
📜 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
A React hook for getting the current responsive media breakpoint
React Hook for detecting when an element is in the viewport
Micro library for performing 2D spatial calculations of DOM elements
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.
Responsive Toolbar is a JavaScript library for responsive design and testing.
Create responsive documentation examples on the fly
- documentation
- style guide
- styleguide
- design system
- media queries
- responsive
- documentation helpers
- javascript
- css
- html
- viewport
- frame
- iframes
- iframe
- View more
React utilities for lazy image loading
Get information about your screen and viewport.
- javascript
- info
- library
- compatibility
- screen
- viewport
- refresh-rate
- layout-viewport
- media-queries
- polyfills
- matchmedia
- requestanimationframe
React lazy loading component using vanilla-lazyload library. Speedy, lightweight and easy to use.
A Svelte action that monitors an element enters or leaves the viewport or a parent element. Performant and efficient thanks to using Intersection Observer under the hood. Forked from maciekgrzybek to support Svelte 5 after no merge of fixes.
- svelte
- observer
- observing
- intersection
- viewport
- inviewport
- in-view
- in-viewport
- inview
- observe
- waypoint
- intersection-observer
- intersection-observer-api
- performance
- View more
typographics provides flexible and adaptive styles for typography on web pages. This package allows you to automate the resizing of fonts based on screen width, ensuring good readability on any device.
css-vw
A Svelte action that monitors an element enters or leaves the viewport or a parent element. Performant and efficient thanks to using Intersection Observer under the hood.
- svelte
- observer
- observing
- intersection
- viewport
- inviewport
- in-view
- in-viewport
- inview
- observe
- waypoint
- intersection-observer
- intersection-observer-api
- performance
- View more
Rem solution based on vw and media query.