Viewport Packages

Vue 3 plugin that bindes classes to an element if it appears in the client's viewport. The Plugin consists of a lightweight, non-dependent Vue directive that is utilizing the intersection observer.

Measures the height and width of the current viewport

A jQuery plugin that creates events when a certain DOM element is in a position relative to a selected portion of the viewport.

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.

```html <script lang="ts"> import store, { KeyCapture, Browser, Viewport } from 'svelte-browser' import { isPC, isTablet, isMobile, isBlink, isMacSafari, isIOSlegacy, isLegacy } from 'svelte-browser' const { isActive, isOnline, isWatching, isKeypad, is

Three Viewport Gizmo is a highly customizable standalone interactive three.js view helper controls, allowing effortless integration with popular camera libraries.

Doars plugin that adds a intersect directive for reacting to intersection changes.

Doars plugin that adds a view directive for reacting to intersection changes.

A CSS post-processor that converts px to viewport units (vw, vh, vmin, vmax).

Place images into devices

A CSS post-processor that converts px to viewport units (vw, vh, vmin, vmax).

A CSS post-processor that converts px to viewport units (vw, vh, vmin, vmax).

a tool class for matrix transformation of views (rotate, scale, translate, skew, etc.)

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.

Utility class to aid with keeping track of the (visual) viewport.

Utility class to aid with keeping track of the (visual) viewport.

A React Component to center anything in the middle of the viewport

A simple js plugin to add/remove classes when elements enter the viewport

A CSS post-processor that converts px to viewport units (vw, vh, vmin, vmax).

A custom video element tag that enables loading of videos only when viewport renders near the element.