intersectionobserver-api

There are 0 repository under intersectionobserver-api topic.

• thebuilder / react-intersection-observer

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

  intersectionobserver-apireactperformancescrollingintersectionobservermonitorvisibilityviewportlazy-loadinghookshookintersection-observerreact-hooksreactjs
  Language:TypeScript 4782

• maciekgrzybek / svelte-inview

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

  hacktoberfestsvelteobserverintersectionobserverintersection-observerjavascriptintersectionobserver-apisvelte3svelte-jssvelte-componentviewporttypescript
  Language:TypeScript 727
• intersection-observer

  ng-web-apis / intersection-observer

  A library for idiomatic use of IntersectionObserver with Angular

  intersection-observerintersectionobserverintersectionobserver-apiintersection
  Language:TypeScript 155

• ljbc1994 / BlazorIntersectionObserver

  🔎 Intersection Observer API wrapper for Blazor applications

  blazorintersectionobservertypescriptintersectionobserver-api
  Language:C# 58

• codrops / AnimateSVGTextPath

  Animating SVG text on a path on scroll using the Intersection Observer API and SVG filters.

  svgtextpathintersectionobserver-apisvg-filtersanimationscrolllayout
  Language:HTML 56

• martinlaxenaire / scroll-observer

  Really simple Intersection Observer helper

  intersection-observerintersectionobserver-apijavascriptvanilla-javascript
  Language:JavaScript 47

• BiYuqi / vue-intersection-observer

  Vue component for the Intersection <Observer /> API

  intersection-observerintersectionobserverintersectionobserver-apivue2vue-intersection-observervue-component
  Language:Vue 34

• snewcomer / intersection-observer-admin

  Intersection Observer Admin for better performance

  intersection-observerintersectionobserver-apiperformancelazy-loadinglazyload-images
  Language:TypeScript 34

• LBrian / content-visibility

  Web Component uses CSS content-visibility and fallback Intersection Observer

  webcomponentswebcomponenttypescriptlit-elementlit-htmljavascriptcssintersection-observerintersectionobserver-api
  Language:HTML 23

• srigar / react-lazyloading

  React Lazy Loading - Lazy load the component or anything by using Intersection Observer API

  lazy-loadingreact-lazy-loadreact-lazyloadintersection-observerintersectionobserver-apivirtual-scrollviewportinfinite-scrollreact-lazy-loadingreactjslazyload-imageslazyload-componentlazy-load-componentvirtual-load-componentuseintersectionobserver
  Language:JavaScript 21

• phuocng / intersection-observer-examples

  Practical, real world examples of Intersection Observer

  intersectionobserverintersectionobserver-apireactreact-hookvanilla-javascript
  15

• the-road-to-learn-react / react-intersection-observer-api-example

  Showcasing of the Intersection Observer API in React with createRef()

  reactreactjscreaterefintersection-observerintersectionobserverintersectionobserver-api
  Language:JavaScript 13

• Andrew-Tsegaye / bankist-website

  A simple, minimalist online banking website.

  css3-transitionshtml-css-javascriptintersectionobserver-apijavascript
  Language:HTML 12

• Robin-front / hexo-lazyload

  a hexo plugin that use IntersectionObserver API to improve lazyload performance, and medium like effect

  hexohexo-pluginlazyload-imagesperformancemediumlazyloadhexo-lazyloadintersectionobserver-apigraphicsmagickpolyfillimagemagick
  Language:JavaScript 12

• innovatorved / scroll-animation

  Acroll Animation using Browser IntersectionObserver API

  csshtmlinnovatorvedintersectionobserverintersectionobserver-apijavascript
  Language:HTML 10

• SashaJarvi / vue-inline-calendar

  The inline calendar component for Vue3

  calendarcalendar-componentintersection-observerintersectionobserver-apivuevue-componentvue3vuejs
  Language:Vue 10

• jaydip1235 / react-firebase-mui-insta-reels

  React-Firebase-MUI insta reels

  reactmaterial-uifirebasefirebase-authfirebase-databasestorageintersectionobserver-api
  Language:JavaScript 8

• AhmadrezaMozaffary / Belfius-banking-landing

  Implement some useful and advanced DOM manipulations 🏅

  css3css-flexboxcss-variablescss-box-modelhtml5javascriptes6dom-manipulationdom-traversaldom-treeadvanced-domresponsiveresponsive-designdropshadownavbarsemantic-htmlintersectionobserver-apitabbed-componentlazy-loadingslider-component
  Language:CSS 7

• HenrikDK2 / preact-intersection-observer

  A lightweight Preact implementation of Intersection Observer API.

  hooksintersection-observerintersectionobserver-apilazy-loadingperformancepreactpreact-hooks
  Language:TypeScript 6

• skyv26 / raspbian-community-conference

  The Raspbian Community Conference is a brand-new event led by the Raspberry Pi Foundation with lots of help from our community of young people, educators, hobbyists, and tech enthusiasts. It will be a chance for people of all ages and skill levels to have a go at getting creative with tech.

  accessibilitycsscss3htmlhtml5sassscssa11yflexflexboxflexiblegridgrid-layoutresponsiveresponsive-designresponsive-layoutresponsive-web-designdart-sass-compilerintersectionobserver-api
  Language:SCSS 6

• F-one-1 / vue-virtual-list-observer

  ⚡️ IntersectionObserver, scroll-animation, virtual-list to support big amount

  intersectionobserverobservervirtual-listvueintersection-observerintersectionobserver-apivue3
  Language:JavaScript 5

• lotrekagency / vagajs

  A simple and straightforward animation library to enable CSS based animations on scroll, as soon as the elements become visible by the user.

  cssjavascriptanimationtransitionintersection-observerintersectionobserver-apihacktoberfest
  Language:SCSS 5

• maxshuty / simply-lazy

  Finally, a simple, lightweight (0.6kb), pure JavaScript image lazy loader that even works in IE* using the IntersectionObserver API

  lazy-loadingimagesjavascriptjavascript-libraryintersection-observerintersectionobserver-api
  Language:JavaScript 5

• CodingByGopal / React-MovieHolms

  MovieHolms is a responsive platform that has a huge collection of movies, series, and celebrity content. This platform has been developed using TMDb API, React.js, and Tailwind.

  front-end-developmentfrontendreactreactjsreactrouterdomtailwindtailwindcsstmdbtmdb-apitmdb-movie-searchreactplayerintersection-observerintersectionobserver-apiintersection-observer-apiintersectionobserverlazy-loadingskeleton-loadinglazy-loading-images
  Language:JavaScript 4

• MohakGogia / Reels

  Instagram Reels clone made using ReactJS for frontend and Firebase for backend.

  javascriptreactjsnodejsfirebasematerial-uiintersectionobserver-api
  Language:JavaScript 4

• mohit-thakur09 / QuickBites

  QuickBites : Satiate Hunger

  geolocationhooksjsonlocalstoragereact-router-dom-v6reactjsredux-toolkitresponsive-web-designswalintersectionobserver-apilazy-loading
  Language:JavaScript 4

• smrubin / element-in-viewport

  An async module that resolves when an element has entered the viewport at a certain percentage, using the Intersection Observer API

  intersectionintersection-observerintersectionobserverintersectionobserver-apiviewport
  Language:JavaScript 4

• SyedZawwarAhmed / my-portfolio

  Built with React.js, this website showcases who I am, what can I do and which projects I have worked on.

  reactjavascriptintersectionobserver-apicsscss-animations
  Language:JavaScript 4

• msc24x / xobserver

  XObserver eliminates the usage of multiple instances of IntersectionObserver, by providing a scope based initialization of single IntersectionObsever and a few methods to intract with it.

  intersection-observerintersectionobserverintersectionobserver-apinpm-modulenpm-packageoptimization-toolstypescript
  Language:TypeScript 3

• tapiocode / overflow-shadow

  Pure JavaScript library to indicate overflowing content by displaying a shadow on the content edge

  intersectionobserver-apioverflow-detectionpure-javascript
  Language:HTML 3

• Wallace-Bezerra / GitHub-Api

  context-apicustom-hooksframer-motionintersectionobserver-apilocalstoragereactrouter-domstyledcomponentstypescript
  Language:TypeScript 3

• cjones-87 / TheBlueprintBoilerplate

  Presenting a versatile Full-Stack eCommerce Boilerplate with pre-built CRUD functionalities for products/users, authentication, and optimized guest/logged-in experiences. It includes secure login/registration forms, accelerating development without compromising technical expertise or user satisfaction.

  boilerplate-templateecommerceecommerce-storefull-stackcode-splittingcontext-apidynamic-routingintersectionobserver-apilazy-loadinglazyload-imageslight-dark-moderesponsive-designsuspense-apiux-ui
  Language:JavaScript 2

• Maiz27 / portfolio

  React Portfolio Website

  animatecssfirebasefirebase-hostingintersectionobserver-apiportfolio-websitereactreact-portfolio
  Language:JavaScript 2

• rishavbharti / pixagram

  An infinite feed of aesthetic pictures

  aestheticcache-storageinfinte-scrollingintersectionobserver-apiphoto-galleryreactreduxtailwindcssunsplash
  Language:JavaScript 2

• SashaJarvi / vue2-inline-calendar

  The inline calendar component for Vue2

  intersection-observerintersectionobserver-apivuevue2vuejscalendarcalendar-componentvue-component
  Language:Vue 2

• WarsayT / JS-Animation

  a practice project to learn about intersection observer

  animation-cssjavascriptintersectionobserver-api
  Language:HTML 2