Search results
39 packages found
Sort by: Default
- Default
- Most downloaded this week
- Most downloaded this month
- Most dependents
- Recently published
Resize observer for React
React hook to measure an element's size and handle responsive components.
- react
- hook
- react-hook
- use
- use-dimensions
- resize
- observer
- resize-observer
- dimensions
- measure
- size
- responsive-components
- container-queries
- performance
A tiny React hook for rendering large datasets like a breeze.
- react
- hook
- react-hook
- virtual-hook
- virtualized-hook
- use
- use-virtual
- use-virtualized
- virtual
- virtualized
- virtualization
- responsive-web-design
- rwd
- sticky-headers
- View more
Resize observer for React
Fast dimension bindings using ResizeObserver
Resize observer for Vue. Detect size changes of DOM elements. Support Vue's directive and component.
- vue-resize
- vue-resize-observer
- vue-resize-component
- vue-resize-directive
- resize-observer
- detect-size
- vue
- resize
- ResizeObserver
Observe multiple React components with a single ResizeObserver.
Get resize events of an observed DOM element's height, width etc. from a resize-observer.
A react hook that tracks a containers size and the range that width falls into within a list of breakpoints. This allows better responsive styling, where the user can style DOM elements based on their container, rather than the browser viewport.
- react
- reactjs
- react-hooks
- hooks
- hook
- resize-observer
- element-resize
- observe-element
- react-resize-observer
- container-query
- container-queries
React hook which dynamically calculates the maximum number of characters that fit into an HTML element and truncates the text from middle with given middle chars.
- react
- react-hook
- resize-observer
- truncate-middle
- dynamic-truncate
- fit-character-number
- dynamic-character-number
A lit controller and directive for observing resizes.
Resize observer directive for vue 3.0
A custom element that offers a declarative interface to the ResizeObserver API.
Executes a callback whenever the bounding rectangle of an element changes. It uses `IntersectionObserver` under the hood, eliminating the need for a polling loop.
- browser
- change-detection
- intersection-observer
- IntersectionObserver API
- IntersectionObserver
- rectangle
- RectObserver
- resize-observer
- ResizeObserver API
- ResizeObserver
- responsive-layout
- UI
React hooks for element-based media queries
Resize Observers simplified
监听dom元素尺寸变化,支持动态添加class和回调函数,用于更精细的局部响应式适配
This library provides a directive that listens resize event of an element.
Respond to changes in a DOM element's size. With React Breakpoints, element queries are no longer "web design's unicorn" 🦄
- resize-observer
- media-queries
- element-queries
- container-queries
- breakpoints
- react-hooks
- hooks
- react
- performance
SolidJS component that automatically measures and provides the width and height of its parent — useful for virtualized lists, grids, and charts.
- auto-sizer
- autosizer
- component
- container
- dimensions
- height
- layout
- measure
- observer
- reactive
- render-prop
- resize
- resize-listener
- resize-observer
- View more