Visible Packages

Another set of tools to validate DOM stuff

A Vue 3 directive to track an element's position relative to the viewport on scroll and visibility.

A wrapper component to track if your react component is visible on screen

A wrapper component to track if your react component is visible on screen

This package contains a Vue 3 directive which adds v-visible. It differs from `v-if` (not in the DOM) and `v-show` (display: none) by that it sets the elements `visibility` style to `hidden`.

React component for the Intersection Observer API

Set of useful tools for interacting with the viewport

Vertical stepper similar to MUI with visible steps, built-in support for 'success' and 'error' styles, the ability to automatically set the 'success' status when viewing the item completely, and the capability to easily customize icons on each step.

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.

React component for visible element.

Visible element with animation.

Detects if the inner children are visible

Minimalistic package supplying containers which appears when scrolled into view

Detects if view is at least 70% in the viewport

A wrapper for @loadable/component that uses IntersectionObserver to trigger component load.

The package is a "sentinel" that trigger a function when is visible.

react intersectionObserver helper library.

Sliding Button with Animated Slide & Color Transition and Elastic bounce

Connect to the system api in the easiest way (win-api)

This utility developed to find element visible or not.