Search results
275 packages found
Load low resolution / placeholder image first and then load the actual image lazily when it's in the viewport.
a React component that uses WebGPU to render a grid of pixel data within a viewport
a tiny TS-compatible React hook which allows you to track visible window viewport size in your components w/ an optional debounce, throttle or custom memo function for updates for optimal rendering.
Virtual scroll list for react
- virtual scroll
- react
- react-virtual
- react-virtualized
- react-window
- react-list
- react-infinite
- react-infinite-scroll
- component
A React TS component for creating staggered text animation by word or letters, when in viewport
It's a simple routing system that changes the viewport depending on the route given
Typescript version of the react-native-expo-viewport-units package
Monitor if a component is inside the viewport, using IntersectionObserver API
Viewport-aware auto-playing video component for use in React projects.
`useAnchor` is a custom React hook that creates dynamic anchor links for headings in your content. It leverages the Intersection Observer API to detect which headings are currently visible in the viewport, making it ideal for building table of contents or
A library to use viewport values within react-native
Custom hook designed to detect if an element is visible within the viewport.
A lightweight scroll sensor to solve your react scroll into viewport issues.
A React hook to detect if an HTML Element has been display in the viewport. This is easy to use. You just have to provide an react ref. By default it freeze the value when the element has been display. That is nice to triggered one time animation !
- react
- react hook
- intersection observer
- react viewport
- react viewport detect
- freeze
- react animation
- trigger animation
This hook returns the viewport width in real time, as well as observing a breakpoint.
React component for the Intersection Observer API
The media queries for your React components. Flow-compatible
A lightweight React package for triggering animations or actions dynamically when elements come into view during scrolling.
- Animation
- React
- Scroll
- Trigger
- Viewport
- on scroll animator
- animate on view
- Viewport animations
- Custom Animator
- On Scroll Custom Animation
- Animated Scrolling
- Intersection Observer API
- IO
- Infinite Scroll
- View more
React slider which gives gap automatically between slides according to viewport.
- react
- responsive
- reactjs
- slider
- react-slider
- auto-gap-slider
- auto-gap-react-slider
- auto-space-slider
- carousel
- react-carousel
Hook to get the viewport bounds (width and height)