Search results
97 packages found
Observe React component visibility in the viewport or visibility relative to an ancestor
use-on-screen is a React Hooks library used to detect if a certain element is visible on the screen, both in a scrollable container and in the window.
Just put `useResponsiveViewport()` in your code and you won't have to think about narrow devices anymore!
A simple TypeScript-supported package to enable viewport-based units in React Native: vh, vw, vmax, vmin
Preload images when given element show in viewport.
Sensor component for ReactNative that notifies you when it goes in or out of the viewport.
React component to detect if the element is in the viewport while scrolling.
React Native component that helps with determining whether a component is in the viewport.
React component which shows "n more" indicating n more children are in the scrollable list but not in the viewport
React sensor hook that tracks the changes in the intersection of a target element with an ancestor element or with a top-level document's viewport. Uses the [Intersection Observer API](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer
Utility function to trigger framer motion animations when a node is visible in the viewport
Teeny-tiny declarative in-viewport React HOC
Fill the hook gap in Framer Motion
React base Grid component, adding to the DOM only elements that are in viewport
Media component in Apptane React UI framework
Package to include in your react app. This sets css variables (--app-height and --app-width) to the inner height and width of the window to get accurate readings of the viewport.
A library that helps you create viewport-based ExtraPolated values with ease for use with your favorite React css-in-js library.