camwiegert / in-view

4.5k

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

javascript utility viewport

JavaScript Updated Feb 14, 2018

stutrek / scrollMonitor

3.1k

A simple and fast API to monitor elements as you scroll

scroll dom javascript viewport

JavaScript Updated May 27, 2019

xtianmiller / emergence.js

1.8k

Detect element visibility in the browser

viewport visibility reveal animation javascript scroll element

JavaScript Updated Mar 16, 2018

hoosin / mobile-web-favorites

1.5k

This is a favorites, with a mobile web tips.

favorites css html5 iphone html5-css3 zepto android retina viewport

Updated Apr 18, 2017

usablica / kissui.scrollanim

1.5k

CSS3 scroll animation library

animation animations-scrollanim viewport javascript css3

CSS Updated Mar 25, 2017

ryanve / verge

655

Get viewport dimensions, detect elements in the viewport

javascript viewport viewport-dimensions responsive-design

JavaScript Updated Apr 3, 2019

zeusdeux / isInViewport

605

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

jquery-plugin viewport jquery

JavaScript Updated May 24, 2019

researchgate / react-intersection-observer

589

React component for the Intersection <Observer /> API

react intersection-observer viewport impressions scrolling

JavaScript Updated Jun 13, 2019

thebuilder / react-intersection-observer

483

React component that monitors when an element enters or leaves the browser viewport.

intersectionobserver-api react performance scrolling intersectionobserver monitor visibility viewport lazy-loading hooks hook

TypeScript Updated Jun 16, 2019

alexcambose / motus

366

Animation library that mimics CSS keyframes when scrolling.

typescript css css-animations keyframes javascript animation scroll viewport parallax dom

JavaScript Updated Jun 16, 2019

AlexandreBonaventure / vue-mq

290

📱

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

vuejs vuejs2 media mediaqueries viewport breakpoints

JavaScript Updated Jun 7, 2019

jshjohnson / Animate

287

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

animation trigger-animations viewport-animations vanilla-js viewport

CSS Updated Jan 24, 2019

mike-zarandona / StickyStack.js

282

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

jquery viewport jquery-plugin javascript stacking-panels stacking sticking-panels scroll-effect scroll-effects responsive

JavaScript Updated Oct 10, 2015

fkhadra / react-on-screen

246

Check if a react component in the viewport

viewport react visibility lazy-loading screen

JavaScript Updated Jun 13, 2019

patik / within-viewport

239

JavaScript utility that determines whether an element is completely within the browser viewport

javascript viewport browser viewport-dimensions

JavaScript Updated Jun 9, 2019

davidfig / pixi-viewport

230

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

viewport pixi 2d-camera touch zoom bounce

JavaScript Updated Jun 5, 2019

DockYard / ember-in-viewport

226

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

ember viewport intersectionobserver

JavaScript Updated May 28, 2019

flexdinesh / react-socks

218

⭐️ React library to render components only on specific viewports 🔥

breakpoints media-queries viewport react library

Good first issues

Any thought of adding `style` to a Breakpoint?

good first issue enhancement

#13 opened 2 months ago by guilherme-toti

1

JavaScript Updated Jun 11, 2019

xobotyi / viewport.jquery

154

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

viewport viewport-plugin jquery jquery-plugin pseudo-selectors element-position element-viewport javascript

JavaScript Updated Jan 10, 2019

mir3z / react-virtual-list

149

Virtual list in React

react virtual-list viewport javascript

JavaScript Updated Apr 18, 2016

daviferreira / react-viewport-slider

148

react-viewport-slider is a react component (obviously) that displays a sequence of contents using 100% of the viewpor…

react viewport viewport-slider slider

JavaScript Updated Sep 1, 2018

moagrius / isOnScreen

117

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

viewport jquery jquery-plugin visibility position

JavaScript Updated Jan 10, 2018

developit / preact-scroll-viewport

110

Preact Component that renders homogeneous children only when visible

preact viewport virtual virtual-scroll

JavaScript Updated Jul 27, 2018

k3nsei / ng-in-viewport

103

Allows us to check if an element is within the browsers visual viewport

intersection-observer angular ng viewport visibility lazy-loading lazyload lazyload-images infinite-scroll angular-2 angular-4 angular-5 angular-6 angular-7 angular-8

TypeScript Updated Jun 15, 2019

FXMisc / Flowless

94

Efficient VirtualFlow for JavaFX

javafx viewport

Java Updated Jul 16, 2018

openfresh / viewport-observer

69

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

react viewport intersection-observer

JavaScript Updated May 15, 2019

erikengervall / parallax-vanilla

60

JavaScript Parallax library

javascript css hardware-acceleration parallax-vanilla viewport

JavaScript Updated Jun 18, 2018

BKWLD / vue-in-viewport-mixin

59

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

vue viewport scrolling mixin intersection-observer

JavaScript Updated Apr 13, 2019

roderickhsiao / react-in-viewport

59

Detect if React component is in viewport

intersection-observer react viewport lazyload

JavaScript Updated Jun 14, 2019

imwtr / rem-vw-layout

57

移动端 REM布局与 Viewport (VW) 布局的实例运用

rem viewport vw layout retina dpr

CSS Updated Sep 14, 2018

viewport

Repositories 159

Good first issues