GitHub topics: viewport

AlexandreBonaventure/vue-mq

📱 💻 Define your breakpoints and build responsive design semantically and declaratively in a mobile-first way with Vue.

Language: JavaScript - Size: 1.81 MB - Last synced at: 2 days ago - Pushed at: over 2 years ago - Stars: 537 - Forks: 60

thebuilder/react-intersection-observer

React implementation of the Intersection Observer API to tell you when an element enters or leaves the viewport.

Language: TypeScript - Size: 6.95 MB - Last synced at: 2 days ago - Pushed at: 14 days ago - Stars: 5,304 - Forks: 189

ue-too/ue-too

pan, zoom, rotate, and more with HTML canvas

Language: TypeScript - Size: 9.28 MB - Last synced at: 4 days ago - Pushed at: 4 days ago - Stars: 3 - Forks: 0

stutrek/scrollmonitor

A simple and fast API to monitor elements as you scroll

Language: TypeScript - Size: 301 KB - Last synced at: about 8 hours ago - Pushed at: almost 2 years ago - Stars: 3,295 - Forks: 242

pixijs-userland/pixi-viewport

A highly configurable viewport/2D camera designed to work with pixi.js

Language: TypeScript - Size: 44.6 MB - Last synced at: 3 days ago - Pushed at: 3 months ago - Stars: 1,128 - Forks: 183

svelte-inview/svelte-inview

A Svelte action that monitors an element enters or leaves the viewport.🔥

Language: TypeScript - Size: 3.2 MB - Last synced at: 3 days ago - Pushed at: 7 months ago - Stars: 774 - Forks: 23

soenneker/soenneker.blazor.mediaquery

A Blazor interop library for media queries for viewport size logic

Language: C# - Size: 1.31 MB - Last synced at: 6 days ago - Pushed at: 6 days ago - Stars: 2 - Forks: 0

dimazuien/react-viewport-height

A utility for React to set 100vh equal to the actual browser inner window height.

Language: TypeScript - Size: 21.5 MB - Last synced at: 7 days ago - Pushed at: 7 days ago - Stars: 10 - Forks: 3

phun-ky/frameport

Frameport enables you to showcase your responsive components in real-life media queries!

Language: TypeScript - Size: 1.09 MB - Last synced at: 6 days ago - Pushed at: 8 days ago - Stars: 2 - Forks: 0

ukorvl/react-on-screen

Lightweight typescript library to detect React elements visibility

Language: TypeScript - Size: 983 KB - Last synced at: about 7 hours ago - Pushed at: 3 months ago - Stars: 3 - Forks: 0

dirkgroenen/viewport-checker

Little utility to detect if elements are currently within the viewport :wrench:

Language: TypeScript - Size: 3.61 MB - Last synced at: 4 days ago - Pushed at: over 2 years ago - Stars: 604 - Forks: 297

wellyshen/react-cool-inview

😎 🖥️ React hook to monitor an element enters or leaves the viewport (or another element).

Language: TypeScript - Size: 4.58 MB - Last synced at: 4 days ago - Pushed at: almost 2 years ago - Stars: 1,466 - Forks: 41

mvrlin/nuxt-viewport

🌈 Define custom viewports for your Nuxt project

Language: TypeScript - Size: 1.09 MB - Last synced at: 11 days ago - Pushed at: 11 days ago - Stars: 145 - Forks: 8

FXMisc/Flowless

Efficient VirtualFlow for JavaFX

Language: Java - Size: 339 KB - Last synced at: 3 days ago - Pushed at: about 2 months ago - Stars: 191 - Forks: 39

camwiegert/in-view 📦

Get notified when a DOM element enters or exits the viewport. :eyes:

Language: JavaScript - Size: 144 KB - Last synced at: 8 days ago - Pushed at: over 5 years ago - Stars: 4,640 - Forks: 234

GetViewport is a lightweight JavaScript utility for responsive breakpoint detection. It dynamically injects CSS breakpoints and allows JavaScript to check the current viewport size directly. This setup avoids the need for complex SCSS configurations and pseudo-elements, making it simple to integrate into any web project.

Language: JavaScript - Size: 104 KB - Last synced at: 14 days ago - Pushed at: 14 days ago - Stars: 0 - Forks: 0

ryanve/verge

get viewport dimensions...detect elements in the viewport...trust in <!DOCTYPE html>

Language: JavaScript - Size: 159 KB - Last synced at: 7 days ago - Pushed at: about 3 years ago - Stars: 696 - Forks: 51

thiervoj/cartapus

✨ A small IntersectionObserver wrapper helping to detect easily DOM elements entering or leaving the viewport.

Language: JavaScript - Size: 887 KB - Last synced at: 7 days ago - Pushed at: about 2 months ago - Stars: 7 - Forks: 1

roderickhsiao/react-in-viewport

Detect if React component is in viewport

Language: TypeScript - Size: 4.91 MB - Last synced at: about 8 hours ago - Pushed at: 29 days ago - Stars: 350 - Forks: 32

jeinselen/Blender-ProductionKit

Production shortcuts and toolsets for Blender 4.2+

Language: Python - Size: 562 KB - Last synced at: 4 days ago - Pushed at: about 1 month ago - Stars: 11 - Forks: 0

alexcambose/motus

Animation library that mimics CSS keyframes when scrolling.

Language: JavaScript - Size: 2.39 MB - Last synced at: 6 days ago - Pushed at: almost 2 years ago - Stars: 627 - Forks: 34

connorbowlan/Blazor.ViewportListener

A lightweight utility for Blazor applications that enables components to respond to browser viewport size changes using JavaScript interop.

Language: C# - Size: 23.4 KB - Last synced at: 2 days ago - Pushed at: about 1 month ago - Stars: 0 - Forks: 0

usablica/kissui.scrollanim

CSS3 scroll animation library

Language: CSS - Size: 65.4 KB - Last synced at: 6 days ago - Pushed at: about 8 years ago - Stars: 1,424 - Forks: 130

pixi-viewport/pixi-cull

a library to visibly cull objects designed to work with pixi.js

Language: TypeScript - Size: 3.71 MB - Last synced at: 3 days ago - Pushed at: over 1 year ago - Stars: 113 - Forks: 15

squidfunk/karma-viewport

A Karma plugin for testing responsive features and layout

Language: TypeScript - Size: 4.03 MB - Last synced at: 9 days ago - Pushed at: over 1 year ago - Stars: 51 - Forks: 14

zeusdeux/isInViewport

An ultra-light jQuery plugin that tells you if an element is in the viewport but with a twist.

Language: JavaScript - Size: 313 KB - Last synced at: 11 days ago - Pushed at: almost 6 years ago - Stars: 652 - Forks: 157

researchgate/react-intersection-observer

React component for the Intersection <Observer /> API

Language: JavaScript - Size: 8.21 MB - Last synced at: about 1 month ago - Pushed at: almost 2 years ago - Stars: 1,143 - Forks: 60

luehrsenheinrich/wp-quicklink

The WordPress plugin for quicklink. ⚡️ Faster subsequent page-loads by prefetching in-viewport links during idle time.

Language: JavaScript - Size: 9.61 MB - Last synced at: about 1 month ago - Pushed at: about 1 month ago - Stars: 73 - Forks: 10

metonym/svelte-intersection-observer

Detect if an element is in the viewport using the Intersection Observer API

Language: Svelte - Size: 1.27 MB - Last synced at: 3 days ago - Pushed at: about 1 month ago - Stars: 331 - Forks: 8

trurl-master/jsdom-testing-mocks

A set of tools for emulating browser behavior in jsdom environment

Language: TypeScript - Size: 1.11 MB - Last synced at: about 7 hours ago - Pushed at: 9 months ago - Stars: 118 - Forks: 7

rob2d/use-viewport-sizes

tiny React hook which allows you to track visible window viewport size in your components w/ an optional debounce for updates for optimal rendering.

Language: JavaScript - Size: 7.87 MB - Last synced at: about 15 hours ago - Pushed at: 9 days ago - Stars: 41 - Forks: 3

xtianmiller/emergence.js

Detect element visibility in the browser

Language: JavaScript - Size: 310 KB - Last synced at: about 5 hours ago - Pushed at: about 7 years ago - Stars: 1,883 - Forks: 61

royalfig/fluid-typography-calculator

A fluid typography calculator. Determine the CSS clamp property given limits for font size and viewport width.

Language: HTML - Size: 2.31 MB - Last synced at: about 1 month ago - Pushed at: over 1 year ago - Stars: 15 - Forks: 3

blaugold/slyverin

A library of Flutter sliver implementations.

Language: Dart - Size: 64 MB - Last synced at: 22 days ago - Pushed at: over 3 years ago - Stars: 12 - Forks: 3

fkhadra/react-on-screen

Check if a react component in the viewport

Language: JavaScript - Size: 966 KB - Last synced at: 12 days ago - Pushed at: over 2 years ago - Stars: 405 - Forks: 50

p333ter/react-scroll-trigger

A modern, TypeScript-based React component for monitoring scroll events and triggering callbacks when elements enter, exit, or progress through the viewport.

Language: TypeScript - Size: 85 KB - Last synced at: 23 days ago - Pushed at: 5 months ago - Stars: 1 - Forks: 0

Farfetch/react-context-responsive 📦

A package that provides a responsive context to your application, using React Context API.

Language: JavaScript - Size: 445 KB - Last synced at: about 1 month ago - Pushed at: over 1 year ago - Stars: 27 - Forks: 11

michaelrafailyk/stickymate

Stickymate is a tool that designed to help web developers easily create scroll-based animations without JavaScript knowledge, just setting animation params directly in the HTML markup.

Language: JavaScript - Size: 369 KB - Last synced at: about 2 months ago - Pushed at: 6 months ago - Stars: 66 - Forks: 6

DockYard/ember-in-viewport

Detect if an Ember View or Component is in the viewport @ 60FPS

Language: JavaScript - Size: 4.85 MB - Last synced at: about 1 month ago - Pushed at: 12 months ago - Stars: 244 - Forks: 92

Aysnine/vue-pupil-project 📦

Vue example with ElementUI --- 一个简单的 Vue 项目，包含 vue-router、vuex、ElementUI，好吧，其实我的毕业设计

Language: Vue - Size: 2.36 MB - Last synced at: 4 days ago - Pushed at: about 4 years ago - Stars: 11 - Forks: 0

rajatt95/Playwright_JS

Language: HTML - Size: 10 MB - Last synced at: 29 days ago - Pushed at: almost 3 years ago - Stars: 20 - Forks: 11

neuedaten/in-viewport-class

A plain javascript library (~1kb) that add classes to elements in viewport (also as jquery plugin)

Language: HTML - Size: 33.2 KB - Last synced at: 15 days ago - Pushed at: almost 3 years ago - Stars: 4 - Forks: 4

gilzoide/unity-camera-viewport-rect

Automatically setup Camera viewports from RectTransforms in Unity

Language: C# - Size: 3.93 MB - Last synced at: about 1 month ago - Pushed at: almost 2 years ago - Stars: 38 - Forks: 3

refirst11/react-page-fitter

fitting judge line for view port

Language: TypeScript - Size: 60.5 KB - Last synced at: 23 days ago - Pushed at: 2 months ago - Stars: 0 - Forks: 0

nenuadrian/swift-2D-tile-real-world-map-gps-game

UISCrollView used as viewport for a 2D View based GPS location based map game - pokemon go hello world - drawing the map using pre-processed data from mapbox, map maths, and vanilla UIGraphics

Language: Swift - Size: 43.5 MB - Last synced at: 9 days ago - Pushed at: 2 months ago - Stars: 7 - Forks: 2

gomes042/rxn-units

📐 Cross-Platform Viewport Units (vw, vh, vmin, vmax, percentage) + useUnits hook for React Native, React Native Web and Expo.

Language: TypeScript - Size: 134 KB - Last synced at: 20 days ago - Pushed at: 4 months ago - Stars: 41 - Forks: 0

yuanzhaohao/postcss-px2viewport

A plugin for PostCSS that generates rem version, vm version and @1x, @2x and @3x stylesheet

Language: CSS - Size: 41 KB - Last synced at: 25 days ago - Pushed at: almost 7 years ago - Stars: 23 - Forks: 0

gpoitch/viewprt

A tiny, dependency-free, high performance viewport position & intersection observation tool

Language: JavaScript - Size: 306 KB - Last synced at: 3 days ago - Pushed at: about 4 years ago - Stars: 42 - Forks: 5

awkwardpolygons/viewport-spy

Godot editor UI to spy on what a Viewport is rendering. Useful for debugging.

Language: GDScript - Size: 65.4 KB - Last synced at: 7 days ago - Pushed at: about 4 years ago - Stars: 33 - Forks: 1

okirchhoff/okPushy

Pushes and pulls objects, vertices, etc. towards or away from the viewport camera of the used Maya Viewport.

Size: 20.5 KB - Last synced at: 3 months ago - Pushed at: 3 months ago - Stars: 1 - Forks: 0

hoosin/mobile-web-favorites 📦

This is a favorites, with a mobile web tips.

Size: 258 KB - Last synced at: 3 months ago - Pushed at: about 8 years ago - Stars: 1,754 - Forks: 368

terkelg/deakins

🎥 Small Canvas 2D Camera

Language: TypeScript - Size: 6.29 MB - Last synced at: 8 days ago - Pushed at: 11 months ago - Stars: 139 - Forks: 3

placemark/geo-viewport

convert between bounds and viewports

Language: TypeScript - Size: 427 KB - Last synced at: about 1 month ago - Pushed at: almost 2 years ago - Stars: 34 - Forks: 2

jshjohnson/Animate

A tiny JS (5KB) library to trigger animations on elements when they are within the viewport 👓

Language: CSS - Size: 1.18 MB - Last synced at: 9 days ago - Pushed at: over 2 years ago - Stars: 359 - Forks: 37

fabiocaccamo/layers.css

:bookmark_tabs: pure (s)css independent stacked layers, no js at all.

Language: SCSS - Size: 59.6 KB - Last synced at: 1 day ago - Pushed at: 3 months ago - Stars: 8 - Forks: 1

olyutorskii/QuetexJ

QuetexJ is a Java Swing MVC sets library that supports pseudo endless text-component.

Language: Java - Size: 223 KB - Last synced at: 2 months ago - Pushed at: 3 months ago - Stars: 0 - Forks: 0

faceless-ui/window-info

A React library for subscribing to window events

Language: JavaScript - Size: 1.38 MB - Last synced at: 13 days ago - Pushed at: 3 months ago - Stars: 5 - Forks: 2

mike-zarandona/StickyStack.js

A jQuery plugin that creates a stacking effect by sticking panels as they reach the top of the viewport.

Language: JavaScript - Size: 150 KB - Last synced at: 7 days ago - Pushed at: over 9 years ago - Stars: 291 - Forks: 40

zeusdeux/use-is-in-viewport

A react hook to find out if an element is in a given viewport with a simple api.

Language: JavaScript - Size: 1.93 MB - Last synced at: 9 days ago - Pushed at: about 2 years ago - Stars: 149 - Forks: 7

BKWLD/vue-in-viewport-mixin

Vue 2 mixin to determine when a DOM element is visible in the client window

Language: JavaScript - Size: 3.95 MB - Last synced at: about 1 month ago - Pushed at: 4 months ago - Stars: 102 - Forks: 14

jlozovei/viewport

Get nice info about your current viewport. :desktop_computer:

Language: Svelte - Size: 477 KB - Last synced at: 2 months ago - Pushed at: over 1 year ago - Stars: 4 - Forks: 0

tricks-gmbh/tailwindcss-linear-interpolation-fluid-spacing

A Tailwind CSS plugin that provides linear interpolated fluid-responsive spacings between two viewport widths.

Language: JavaScript - Size: 26.4 KB - Last synced at: 4 months ago - Pushed at: 4 months ago - Stars: 1 - Forks: 0

sketch7/ngx.ux 📦

UX essentials for angular to build richer apps easier

Language: TypeScript - Size: 1.34 MB - Last synced at: 3 months ago - Pushed at: 6 months ago - Stars: 5 - Forks: 4

joppuyo/large-small-dynamic-viewport-units-polyfill

Polyfill for svh, dvh and lvh CSS viewport units

Language: HTML - Size: 70.3 KB - Last synced at: 8 days ago - Pushed at: about 2 years ago - Stars: 45 - Forks: 2

modularorg/modularscroll

♢ Dead simple elements in viewport detection.

Language: JavaScript - Size: 17.6 KB - Last synced at: about 1 month ago - Pushed at: almost 6 years ago - Stars: 72 - Forks: 3

thisissoon/angular-inviewport

A simple lightweight library for Angular with no other dependencies that detects when an element is within the browser viewport and adds a "sn-viewport-in" or "sn-viewport-out" class to the element

Language: TypeScript - Size: 3.06 MB - Last synced at: 4 days ago - Pushed at: almost 2 years ago - Stars: 71 - Forks: 23

rajatt95/Playwright_TS

Language: TypeScript - Size: 2.34 MB - Last synced at: about 1 month ago - Pushed at: about 3 years ago - Stars: 15 - Forks: 8

Julien-Marcou/Scrollable-Component

Native viewport with custom scrollbars 🖱️

Language: JavaScript - Size: 43 KB - Last synced at: 9 days ago - Pushed at: almost 3 years ago - Stars: 17 - Forks: 3

daviferreira/react-viewport-slider

react-viewport-slider is a react component (obviously) that displays a sequence of contents using 100% of the viewport with and height.

Language: JavaScript - Size: 1.37 MB - Last synced at: 29 days ago - Pushed at: over 6 years ago - Stars: 145 - Forks: 22

alexandervrs/exCamera

A camera system for GameMaker Studio 1.x

Language: Game Maker Language - Size: 1.65 MB - Last synced at: 2 months ago - Pushed at: almost 2 years ago - Stars: 0 - Forks: 0

zeusdeux/observe-element-in-viewport

Wrapper around IntersectionObserver to hide away its weirdness and increase ease of usability

Language: TypeScript - Size: 90.8 KB - Last synced at: 25 days ago - Pushed at: over 5 years ago - Stars: 24 - Forks: 1

pomber/react-fit-to-viewport

Language: TypeScript - Size: 1.6 MB - Last synced at: 25 days ago - Pushed at: about 4 years ago - Stars: 120 - Forks: 6

moagrius/isOnScreen

Simple jQuery plugin to determine if an element is within the viewport

Language: JavaScript - Size: 8.79 KB - Last synced at: about 22 hours ago - Pushed at: over 7 years ago - Stars: 120 - Forks: 29

AvraamMavridis/react-intersection-visible

HOC to track when a component enters the visible viewport.

Language: JavaScript - Size: 11.8 MB - Last synced at: 26 days ago - Pushed at: almost 5 years ago - Stars: 52 - Forks: 11

Cod-e-Codes/flutter_scroll_animation

A Flutter package enabling smooth, scroll-driven animations. Widgets seamlessly animate into view as they enter the viewport, enhancing the user experience.

Language: Dart - Size: 280 KB - Last synced at: 3 months ago - Pushed at: 7 months ago - Stars: 1 - Forks: 0

xobotyi/viewport.jquery

viewport.jquery - simple but handy jQuery plugin adding methods and CSS selectors to check if element is in certain viewport

Language: JavaScript - Size: 51.8 KB - Last synced at: 3 days ago - Pushed at: over 6 years ago - Stars: 149 - Forks: 21

DeckerMMIV/FarmSim_Mod_QuickCamera

Farming Simulator modification - QuickCamera

Language: Lua - Size: 535 KB - Last synced at: 5 months ago - Pushed at: 5 months ago - Stars: 14 - Forks: 6

darlesson/viewport-action

Check when an element is on the viewport.

Language: TypeScript - Size: 584 KB - Last synced at: 7 days ago - Pushed at: 28 days ago - Stars: 3 - Forks: 1

openfresh/viewport-observer

React Component that observe changes in the intersection of a target element with viewport using IntersectionObserver

Language: JavaScript - Size: 3.62 MB - Last synced at: 17 days ago - Pushed at: almost 5 years ago - Stars: 66 - Forks: 3

bitmap/react-hook-inview

React hook for detecting when an element is in the viewport

Language: TypeScript - Size: 1.23 MB - Last synced at: about 11 hours ago - Pushed at: about 1 year ago - Stars: 86 - Forks: 5

ryanhefner/react-scroll-trigger

📜 React component that monitors scroll events to trigger callbacks when it enters, exits and progresses through the viewport. All callback include the progress and velocity of the scrolling, in the event you want to manipulate stuff based on those values.

Language: JavaScript - Size: 2.32 MB - Last synced at: 2 days ago - Pushed at: about 2 years ago - Stars: 130 - Forks: 17