Awesome Open Source
Search
Programming Languages
Languages
All Categories
Categories
About
Search results for javascript intersection observer
intersection-observer
x
javascript
x
44 search results found
React Lazy Load Image Component
⭐
1,286
React Component to lazy load images and components using a HOC to track window scroll position.
React Intersection Observer
⭐
1,090
React component for the Intersection <Observer /> API
React Awesome Reveal
⭐
1,018
React components to add reveal animations using the Intersection Observer API and CSS Animations.
React Simple Img
⭐
983
🌅 React lazy load images with IntersectionObserver API and Priority Hints
Svelte Inview
⭐
641
A Svelte action that monitors an element enters or leaves the viewport.🔥
Josh.js
⭐
372
A JavaScript library to animate content on page scroll.
React Scrollama
⭐
367
Simple scrollytelling with the IntersectionObserver in React.
Vue Intersect
⭐
293
A Vue component to add intersection-observer to a Vue component or HTML element.
Ember In Viewport
⭐
249
Detect if an Ember View or Component is in the viewport @ 60FPS
Defer.js
⭐
240
🥇 A JavaScript micro-library that helps you lazy load (almost) anything. Defer.js is zero-dependency, super-efficient, and Web Vitals friendly.
Gluebert
⭐
192
gluebert.js is a tiny helper lazy loading DOM Elements, StyleSheets and JavaScript files using dynamic import and code splitting
Scrollinglettersanimation
⭐
177
A switching title effect where a fixed element changes depending on the scroll position.
Scroller
⭐
176
📜 A super-tiny library for your scrollytelling needs.
Use Is In Viewport
⭐
141
A react hook to find out if an element is in a given viewport with a simple api.
React Intersection List
⭐
139
React infinite scroll using the Intersection <Observer /> API
Vue In Viewport Directive
⭐
120
Vue 2 directive that adds css classes when the element is the viewport
Vue Clazy Load
⭐
104
Component-based lazy (CLazy) load images in Vue.js 2
Use Scroll To Bottom
⭐
102
React Hook which tells you when you've scrolled to bottom
Vue In Viewport Mixin
⭐
100
Vue 2 mixin to determine when a DOM element is visible in the client window
Jsdom Testing Mocks
⭐
81
A set of tools for emulating browser behavior in jsdom environment
Murphyjs
⭐
81
A simple way to implement scroll based reveal animations in your site.
Impression
⭐
79
👀Element view notifier
Viewport Observer
⭐
68
React Component that observe changes in the intersection of a target element with viewport using IntersectionObserver
Vue Visual
⭐
58
Vue 2 image and video loader supporting lazy loading, background videos, fixed aspect ratios, low rez poster images, transitions, loaders, slotted content and more.
Intersection Observer Debugger
⭐
52
A script you include during development that shows the root, target, and intersection every time an IntersectionObserver is triggered.
React Intersection Visible Hook
⭐
43
React Hook to track the visibility of a functional component
Viewable
⭐
36
A simple rule-based approach to tracking element visibility.
Progressive Image Loading
⭐
35
A live example of progressive image loading strategies
Svelte Scrollspy
⭐
33
Scroll Spy component for Svelte
Peekaboo
⭐
30
Know when elements are about to scroll into the viewport
React Hook Intersection Observer
⭐
30
A simple React hook that works with the Intersection Observer API.
Breeze
⭐
27
💨 A tiny library to transition your DOM elements as they become visible in the viewport.
Lazyhtml
⭐
26
LazyHTML is an OpenSource Javascript Library that Supports Lazy Loading of any elements without Modifying Code, LazyHTML can lazy load Ads, Videos, Images, Widgets, Javascript, CSS, Inline-Javascript, Inline-CSS & Any HTML.
Vue Observable
⭐
23
IntersectionObserver, MutationObserver and PerformanceObserver in Vue.js
React Infinite Scroll List
⭐
22
Manage infinite list with the IntersectionObserver API
Content Visibility
⭐
21
Web Component uses CSS content-visibility and fallback Intersection Observer
React Is Visible
⭐
21
A small library for React to know if an element is on screen or not
React Lazyloading
⭐
20
React Lazy Loading - Lazy load the component or anything by using Intersection Observer API
Monolazy
⭐
20
Extended nanocomponent providing onEnter callback
Rescript Libs
⭐
19
⚡️ a Collections and Essential set of Library, Utility, & Tools for ReScript Lang especially in Web.
Stl Part Viewer
⭐
19
A lit-element web component that uses Three.js to display an STL model file.
Intersection Observer Netflix
⭐
16
clase #2 de youtube.com/LeonidasEsteban
React Intersection Observer Api Example
⭐
13
Showcasing of the Intersection Observer API in React with createRef()
Viewabilityhelper
⭐
12
Lightweight cross-browser library that enables you to create a watcher for a given element, and receive a callback for it's intersections with the viewport
React Use Observer
⭐
12
Performant react hooks for WebApi Observers, useResizeObserver, useInteractionObserver, useMutationObserver
React Use Intersection Observer
⭐
11
React hook for using intersection observers.
Obzerv
⭐
10
A convenient wrapper around IntersectionObserver for tracking element position relative to the viewport.
Vue Observer Directive
⭐
9
DOM展示则触发(Vue@2自定义指令)
Progressive Image Loading
⭐
9
Progressive Image Loading Techniques
Scroll Interactions
⭐
7
Easy scroll-driven interactions in the browser built on top of IntersectionObserver
Space Explorer Scroll
⭐
7
Explore the magic of infinite scroll in React by embarking on a cosmic journey through a card-based planet explorer. Harness the power of React and Intersection Observer API to create an interactive experience
React Scroll View
⭐
6
React scroll view component
Simple React Intersection Observer
⭐
6
Intersection Observer React
⭐
6
A simple wrapper around IntersectionObserver API to use it in react apps.
Scroll Observer
⭐
6
Really simple Intersection Observer helper
React Quicklink
⭐
6
⚡️Faster subsequent page-loads by prefetching in-viewport links during idle time for React, port of https://getquick.link
Vue Lazy
⭐
6
Component for lazy image loading. Written in Vue js.
Lazy
⭐
5
A lightweight and high performance lazy loader and element-in-view callback based on Intersection Observer V2 with an efficient polyfill for old browsers.
React Modules Lazy Loader
⭐
5
A react component which allows lazy load
Offline News App
⭐
5
Offline News App using Service Worker, Workbox, PWA, React, Webpack & Intersection-observer
Vagajs
⭐
5
A simple and straightforward animation library to enable CSS based animations on scroll, as soon as the elements become visible by the user.
User Intent
⭐
5
A tiny library to detect user intent (exit intent) and trigger a callback. It's built with pure JavaScript and supports multiple triggers. Made for better user engagements.
Related Searches
Javascript Reactjs (121,118)
Javascript Html (48,022)
Javascript Css (46,402)
Javascript Vue (19,769)
Javascript Types (8,178)
Javascript Script (8,007)
Javascript Dom (7,401)
Javascript Ember (6,151)
Javascript Animation (5,191)
Javascript Step (4,211)
1-44 of 44 search results
Privacy
|
About
|
Terms
|
Follow Us On Twitter
Copyright 2018-2024 Awesome Open Source. All rights reserved.