viewport

There are 5 repositories under viewport topic.

camwiegert / in-view
Get notified when a DOM element enters or exits the viewport. :eyes:
javascript utility viewport
Language:JavaScript 4675
thebuilder / react-intersection-observer
React implementation of the Intersection Observer API to tell you when an element enters or leaves the viewport.
hook hooks intersection-observer intersectionobserver intersectionobserver-api lazy-loading monitor performance react react-hooks scrolling viewport visibility
Language:TypeScript 3484
stutrek / scrollmonitor
A simple and fast API to monitor elements as you scroll
dom javascript scroll viewport
Language:TypeScript 3285
xtianmiller / emergence.js
Detect element visibility in the browser
viewport visibility reveal animation javascript scroll element
Language:JavaScript 1900
hoosin / mobile-web-favorites
This is a favorites, with a mobile web tips.
favorites css html5 iphone html5-css3 zepto android retina viewport mobile javascript ios c-s-s css3
1746
usablica / kissui.scrollanim
CSS3 scroll animation library
animation animations-scrollanim viewport javascript css3
Language:CSS 1442
wellyshen / react-cool-inview
😎 🖥️ React hook to monitor an element enters or leaves the viewport (or another element).
react hook inview viewport visibility lazy-loading scrolling animations impressions intersection-observer monitor scroll-direction performance typescript component
Language:TypeScript 1315
researchgate / react-intersection-observer
React component for the Intersection <Observer /> API
react intersection-observer viewport impressions scrolling
Language:JavaScript 1047
davidfig / pixi-viewport
A highly configurable viewport/2D camera designed to work with pixi.js
viewport pixi 2d-camera touch zoom bounce
Language:TypeScript 742
ryanve / verge
Get viewport dimensions, detect elements in the viewport, trust in <!DOCTYPE html>
javascript viewport viewport-dimensions responsive-design
Language:JavaScript 691
zeusdeux / isInViewport
An ultra-light jQuery plugin that tells you if an element is in the viewport but with a twist.
jquery jquery-plugin viewport
Language:JavaScript 644
morellodev / react-awesome-reveal
React components to add reveal animations using the Intersection Observer API and CSS Animations.
reatctjs typescript javascript web intersection-observer css css-animations hooks reveal animations effects emotion css-in-js react chaining-multiple-animations add-reveal-animations react-components viewport emotionjs animation
Language:TypeScript 621
dirkgroenen / viewport-checker
Little utility to detect if elements are currently within the viewport :wrench:
viewport animations browser
Language:TypeScript 605
motus
alexcambose / motus
Animation library that mimics CSS keyframes when scrolling.
typescript css css-animations keyframes javascript animation scroll viewport parallax dom
Language:JavaScript 560
AlexandreBonaventure / vue-mq
📱 💻 Define your breakpoints and build responsive design semantically and declaratively in a mobile-first way with Vue.
vuejs vuejs2 media mediaqueries viewport breakpoints
Language:JavaScript 528
flexdinesh / react-socks
🎉 React library to render components only on specific viewports 🔥
breakpoints media-queries viewport react library
Language:JavaScript 431
fkhadra / react-on-screen
Check if a react component in the viewport
viewport react visibility lazy-loading screen
Language:JavaScript 397
jshjohnson / Animate
A tiny JS (5KB) library to trigger animations on elements when they are within the viewport 👓
animation trigger-animations viewport-animations vanilla-js viewport
Language:CSS 351
maciekgrzybek / svelte-inview
A Svelte action that monitors an element enters or leaves the viewport.🔥
hacktoberfest svelte observer intersectionobserver intersection-observer javascript intersectionobserver-api svelte3 svelte-js svelte-component viewport typescript
Language:TypeScript 322
mike-zarandona / StickyStack.js
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
Language:JavaScript 290
roderickhsiao / react-in-viewport
Detect if React component is in viewport
intersection-observer react viewport lazyload
Language:TypeScript 274
DockYard / ember-in-viewport
Detect if an Ember View or Component is in the viewport @ 60FPS
ember viewport intersectionobserver
Language:JavaScript 250
patik / within-viewport
JavaScript utility that determines whether an element is completely within the browser viewport
javascript viewport browser viewport-dimensions
Language:JavaScript 246
imwtr / rem-vw-layout
移动端 REM布局与 Viewport (VW) 布局的实例运用
rem viewport vw layout retina dpr
Language:CSS 206
k3nsei / ng-in-viewport
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-6 angular-7 angular-8 angular-9 angular-10 angular-11 angular-12 hacktoberfest angular-13 angular-14
Language:TypeScript 192
metonym / svelte-intersection-observer
Detect if an element is in the viewport using the Intersection Observer API
intersection-observer viewport lazy-loading conditional svelte svelte-component typescript-definitions intersection-event
Language:Svelte 179
FXMisc / Flowless
Efficient VirtualFlow for JavaFX
javafx viewport
Language:Java 160
matthiaaas / framer-motion-hooks
Fill the hook gap in Framer Motion
react hooks framer-motion typescript in-view viewport scroll-progress
Language:TypeScript 160
xobotyi / viewport.jquery
viewport.jquery - simple but handy jQuery plugin adding methods and CSS selectors to check if element is in certain viewport
viewport viewport-plugin jquery jquery-plugin pseudo-selectors element-position element-viewport javascript
Language:JavaScript 153
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.
react viewport viewport-slider slider
Language:JavaScript 145
mir3z / react-virtual-list
Virtual list in React
react virtual-list viewport javascript
Language:JavaScript 145
zeusdeux / use-is-in-viewport
A react hook to find out if an element is in a given viewport with a simple api.
react hooks react-hooks intersection-observer viewport
Language:JavaScript 142
deakins
terkelg / deakins
🎥 Small Canvas 2D Camera
canvas camera viewport canvas2d game
Language:TypeScript 132
react-scroll-trigger
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.
react react-component scroll trigger scrolling viewport scroll-progress
Language:JavaScript 124
BKWLD / vue-in-viewport-directive
Vue 2 directive that adds css classes when the element is the viewport
vue directive viewport intersectionobserver
Language:JavaScript 120
developit / preact-scroll-viewport
Preact Component that renders homogeneous children only when visible
preact viewport virtual virtual-scroll
Language:JavaScript 120

ezoic increase your site revenue