intersectionobserver-api | Topic

Topic: "intersectionobserver-api"

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: 1 day ago - Pushed at: 12 days ago - Stars: 5,289 - Forks: 189

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: 13 days ago - Pushed at: 7 months ago - Stars: 771 - Forks: 23

ng-web-apis/intersection-observer 📦

A library for idiomatic use of IntersectionObserver with Angular

Language: TypeScript - Size: 5 MB - Last synced at: 3 days ago - Pushed at: almost 2 years ago - Stars: 154 - Forks: 4

ljbc1994/BlazorIntersectionObserver

🔎 Intersection Observer API wrapper for Blazor applications

Language: C# - Size: 1.12 MB - Last synced at: about 2 months ago - Pushed at: 3 months ago - Stars: 61 - Forks: 14

codrops/AnimateSVGTextPath

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

Language: HTML - Size: 14.5 MB - Last synced at: 12 months ago - Pushed at: almost 5 years ago - Stars: 56 - Forks: 17

martinlaxenaire/scroll-observer

Really simple Intersection Observer helper

Language: JavaScript - Size: 33.2 KB - Last synced at: 10 days ago - Pushed at: about 4 years ago - Stars: 51 - Forks: 6

snewcomer/intersection-observer-admin

Intersection Observer Admin for better performance

Language: TypeScript - Size: 392 KB - Last synced at: 13 days ago - Pushed at: 3 months ago - Stars: 39 - Forks: 7

BiYuqi/vue-intersection-observer

Vue component for the Intersection <Observer /> API

Language: Vue - Size: 1.56 MB - Last synced at: 21 days ago - Pushed at: about 2 years ago - Stars: 35 - Forks: 5

LBrian/content-visibility

Web Component uses CSS content-visibility and fallback Intersection Observer

Language: HTML - Size: 34.5 MB - Last synced at: 4 days ago - Pushed at: about 2 years ago - Stars: 28 - Forks: 2

srigar/react-lazyloading

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

Language: JavaScript - Size: 979 KB - Last synced at: 5 days ago - Pushed at: about 2 years ago - Stars: 21 - Forks: 4

shapirodaniel/single-page-nav

a single-page nav template with custom hooks

Language: JavaScript - Size: 387 KB - Last synced at: about 2 years ago - Pushed at: over 2 years ago - Stars: 19 - Forks: 10

phuocng/intersection-observer-examples

Practical, real world examples of Intersection Observer

Size: 0 Bytes - Last synced at: 21 days ago - Pushed at: about 4 years ago - Stars: 16 - Forks: 0

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

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

Language: JavaScript - Size: 1.47 MB - Last synced at: 3 days ago - Pushed at: almost 5 years ago - Stars: 13 - Forks: 6

Robin-front/hexo-lazyload

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

Language: JavaScript - Size: 4.86 MB - Last synced at: 11 days ago - Pushed at: about 7 years ago - Stars: 13 - Forks: 2

SashaJarvi/vue-inline-calendar

The inline calendar component for Vue3

Language: Vue - Size: 113 KB - Last synced at: about 1 month ago - Pushed at: almost 2 years ago - Stars: 12 - Forks: 5

Andrew-Tsegaye/bankist-website

A simple, minimalist online banking website.

Language: HTML - Size: 7.63 MB - Last synced at: 23 days ago - Pushed at: about 2 years ago - Stars: 12 - Forks: 1

innovatorved/scroll-animation

Acroll Animation using Browser IntersectionObserver API

Language: HTML - Size: 1.57 MB - Last synced at: 21 days ago - Pushed at: over 2 years ago - Stars: 10 - Forks: 0

jaydip1235/react-firebase-mui-insta-reels

React-Firebase-MUI insta reels

Language: JavaScript - Size: 587 KB - Last synced at: about 2 years ago - Pushed at: over 3 years ago - Stars: 8 - Forks: 3

AhmadrezaMozaffary/Belfius-banking-landing

Implement some useful and advanced DOM manipulations 🏅

Language: CSS - Size: 9.73 MB - Last synced at: 13 days ago - Pushed at: over 1 year ago - Stars: 7 - Forks: 0

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.

Language: SCSS - Size: 52.3 MB - Last synced at: 22 days ago - Pushed at: about 2 years ago - Stars: 6 - Forks: 3

HenrikDK2/preact-intersection-observer

A lightweight Preact implementation of Intersection Observer API.

Language: TypeScript - Size: 981 KB - Last synced at: about 1 month ago - Pushed at: over 2 years ago - Stars: 6 - Forks: 3

SyedZawwarAhmed/my-portfolio

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

Language: JavaScript - Size: 2.59 MB - Last synced at: 17 days ago - Pushed at: 3 months ago - Stars: 5 - Forks: 0

maxshuty/simply-lazy

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

Language: JavaScript - Size: 234 KB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 5 - Forks: 0

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

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

Language: JavaScript - Size: 93.8 KB - Last synced at: 12 months ago - Pushed at: about 1 year ago - Stars: 5 - Forks: 0

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.

Language: SCSS - Size: 354 KB - Last synced at: 18 days ago - Pushed at: over 1 year ago - Stars: 5 - Forks: 0

mohit-thakur09/QuickBites

QuickBites : Satiate Hunger

Language: JavaScript - Size: 20.7 MB - Last synced at: about 1 year ago - Pushed at: over 1 year ago - Stars: 4 - Forks: 0

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.

Language: JavaScript - Size: 1.73 MB - Last synced at: 24 days ago - Pushed at: over 2 years ago - Stars: 4 - Forks: 0

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

Language: JavaScript - Size: 1.1 MB - Last synced at: 1 day ago - Pushed at: over 2 years ago - Stars: 4 - Forks: 1

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.

Language: TypeScript - Size: 30.3 KB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 3 - Forks: 0

cjones-87/seejonesprojects

Presenting my personal portfolio to showcase my favorite personal projects & deliver engaging exceptional UI/UX. This portfolio demonstrates a range of site features including responsive UI, captivating 3D effects, light/dark modes, accessibility features, interactive games, resume, contact form, dynamic routing, code splitting, and lazy loading.

Language: JavaScript - Size: 345 MB - Last synced at: 8 months ago - Pushed at: 8 months ago - Stars: 2 - Forks: 0

sureshungarala/moment-capturer

Portfolio website for a professional photographer.

Language: TypeScript - Size: 10.4 MB - Last synced at: 11 months ago - Pushed at: 12 months ago - Stars: 2 - Forks: 2

Maiz27/v1

1st iteration of my portfolio website build with React &firebase

Language: JavaScript - Size: 9.59 MB - Last synced at: about 1 month ago - Pushed at: about 1 year ago - Stars: 2 - Forks: 1

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.

Language: JavaScript - Size: 359 KB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 2 - Forks: 0

MohakGogia/Reels

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

Language: JavaScript - Size: 281 KB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 2 - Forks: 6

tapiocode/overflow-shadow

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

Language: HTML - Size: 62.5 KB - Last synced at: over 1 year ago - Pushed at: about 2 years ago - Stars: 2 - Forks: 0

rdtabb/Bookmark.github.io

Project is finished. In this repo I work over the Frontendmentor project. Website has elements animated with Intersection Observers API. Link: https://www.frontendmentor.io/challenges/manage-landing-page-SLXqC6P5

Language: CSS - Size: 657 KB - Last synced at: about 2 years ago - Pushed at: about 2 years ago - Stars: 2 - Forks: 0

SashaJarvi/vue2-inline-calendar

The inline calendar component for Vue2

Language: Vue - Size: 396 KB - Last synced at: about 23 hours ago - Pushed at: over 2 years ago - Stars: 2 - Forks: 1

devilcrucifier/react-viewport-intersection-observer

A React npm package for Intersection Observer API.

Language: JavaScript - Size: 382 KB - Last synced at: 4 days ago - Pushed at: over 2 years ago - Stars: 2 - Forks: 0

WarsayT/JS-Animation

a practice project to learn about intersection observer

Language: HTML - Size: 97.7 KB - Last synced at: about 2 years ago - Pushed at: over 2 years ago - Stars: 2 - Forks: 0

anfibiacreativa/myapp-apollo

Apollo/GraphQL Angular App

Language: TypeScript - Size: 7.92 MB - Last synced at: 7 months ago - Pushed at: almost 6 years ago - Stars: 2 - Forks: 0

chrisnajman/git-pages-index

Filter Git Pages by category

Language: CSS - Size: 753 KB - Last synced at: 12 days ago - Pushed at: 12 days ago - Stars: 1 - Forks: 0

Dangereye/games

Discover games across 50+ platforms with detailed info, media, and filters — powered by the RAWG API.

Language: JavaScript - Size: 8.03 MB - Last synced at: 23 days ago - Pushed at: 23 days ago - Stars: 1 - Forks: 0

anantJjain/Portfolio

🚀 My Portfolio Website - Built with Next.js, Tailwind CSS, React Icons, Framer Motion, Three.js, and Vanta.js. Explore information about me, my resume, contact details, academic background, and my latest projects. Feel free to check it out and get in touch! 🌐

Language: JavaScript - Size: 3.68 GB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 1 - Forks: 0

udeaghad/pexels-clone

In this poject, we have meticulously recreated key components of Pexels.com, encompassing features like the home, video, and upload pages. Utilizing advanced web techniques, I employed the JavaScript Intersection Observer for efficient API fetching and optimized user experience through lazy loading of images.

Language: JavaScript - Size: 673 KB - Last synced at: 12 days ago - Pushed at: over 1 year ago - Stars: 1 - Forks: 0

leolanese/angular16-IntersectionObserver

Using Angular & IntersectionObserver API to detect a callback called whenever one item intersects viewport

Language: TypeScript - Size: 5.86 KB - Last synced at: 4 days ago - Pushed at: over 1 year ago - Stars: 1 - Forks: 0

seysha-git/RestuarantPage

Restuarant page for IT 1

Language: HTML - Size: 29.3 MB - Last synced at: almost 2 years ago - Pushed at: almost 2 years ago - Stars: 1 - Forks: 0

hacagahasanli/intersection-observer-example

Scroll fetching example using IntersectionObserver API

Language: JavaScript - Size: 1000 Bytes - Last synced at: about 2 years ago - Pushed at: about 2 years ago - Stars: 1 - Forks: 0

rcminerva2394/infinity-kitty

An Infinite photos of kitty

Language: JavaScript - Size: 36.1 KB - Last synced at: about 2 years ago - Pushed at: about 2 years ago - Stars: 1 - Forks: 0

CatPerry/infinite-scroll-table-using-react-and-vanilla-javascript

Library-free lazy-loading React table

Language: JavaScript - Size: 8.43 MB - Last synced at: about 2 years ago - Pushed at: over 2 years ago - Stars: 1 - Forks: 0

WarsayT/GSAP-animation

a practice project for gsap animation using scroll trigger and timeline.

Language: HTML - Size: 3.18 MB - Last synced at: about 2 years ago - Pushed at: over 2 years ago - Stars: 1 - Forks: 0

CodingByGopal/Project-FoodBae

FoodBae is a front-end responsive landing page for a food delivery website. This project has been developed by using Html, CSS, and javascript, not by using any framework, to showcase front-end development skills.

Language: HTML - Size: 4.18 MB - Last synced at: 23 days ago - Pushed at: over 2 years ago - Stars: 1 - Forks: 0

tmns/react-load-visible

A wrapper for @loadable/component that uses IntersectionObserver to trigger component load.

Language: TypeScript - Size: 839 KB - Last synced at: 19 days ago - Pushed at: over 2 years ago - Stars: 1 - Forks: 0

victorvillajimenez/eContentSearch

Books, Pics, Videos, Wiki: search and show results - React SPA

Language: JavaScript - Size: 18.6 KB - Last synced at: 7 months ago - Pushed at: almost 3 years ago - Stars: 1 - Forks: 0

javiervaleriano/devchallenge-edie-homepage

Código de la solución al proyecto de Devchallenges.io: Edie homepage (página de inicio de Edie)

Language: CSS - Size: 3.29 MB - Last synced at: almost 2 years ago - Pushed at: over 3 years ago - Stars: 1 - Forks: 0

jerosoler/ioaa

Intersection Observer API Animation ⚡ Fast animation Inteserction Observer library

Language: JavaScript - Size: 61.5 KB - Last synced at: 1 day ago - Pushed at: almost 4 years ago - Stars: 1 - Forks: 3

pashaapsky/react-youtube-forsure

Аналог сайта Youtube на react, Youtube API и платформе firebase. Реализована авторизация пользователей через Google Account, возможность просмотра как популярных видео, так и своих любимых, поиск по ключевым словам, загрузка дополнительных видео при скролле до конца ленты, адаптивный дизайн {react, react-hooks, YouTube API, firebase, firebase-hosting, firebase-auth, google-auth, Intersection Observer API, react-youtube}.

Language: JavaScript - Size: 1.4 MB - Last synced at: about 2 years ago - Pushed at: over 4 years ago - Stars: 1 - Forks: 0

DevRik99/GradeJsExampleWithInfiniteScroll

GradeJs Examples

Language: JavaScript - Size: 10.7 KB - Last synced at: about 2 years ago - Pushed at: over 4 years ago - Stars: 1 - Forks: 0

rpsthecoder/intersectionobserver-api-lazy-load-images

Using JavaScript's IntersectionObserver API to lazy load images.

Language: HTML - Size: 5.86 KB - Last synced at: about 2 years ago - Pushed at: almost 6 years ago - Stars: 1 - Forks: 1

Dangereye/star-wars-ts

Explore characters, planets, and vehicles from the Star Wars universe using SWAPI and custom visuals.

Language: TypeScript - Size: 10.9 MB - Last synced at: 21 days ago - Pushed at: 21 days ago - Stars: 0 - Forks: 0

chrisnajman/intersection-observer-api

Various use cases of the Intersection Observer API across a four-page website

Language: HTML - Size: 54.7 KB - Last synced at: about 1 month ago - Pushed at: about 1 month ago - Stars: 0 - Forks: 0

toa-web-dev/onsplash

라이브러리 없이 구현하는 외부 API를 이용한 무한 스크롤링

Language: JavaScript - Size: 15.6 KB - Last synced at: 9 days ago - Pushed at: 4 months ago - Stars: 0 - Forks: 0

nickenickenicke/intersection-observer-visualizer

Language: TypeScript - Size: 95.7 KB - Last synced at: 5 months ago - Pushed at: 5 months ago - Stars: 0 - Forks: 0

michaelsynan/nuxt-intersection-observer

A Nuxt module that uses a Vue custom directive and the Intersection Observer API to trigger animations

Language: TypeScript - Size: 994 KB - Last synced at: 4 days ago - Pushed at: 7 months ago - Stars: 0 - Forks: 0

geeth34/bankist-website

A simple website landing page

Language: HTML - Size: 7.62 MB - Last synced at: 8 months ago - Pushed at: 8 months ago - Stars: 0 - Forks: 0

trishna456/bankist-js

This project is a marketing website for a banking app. It is built using vanilla JavaScript to manipulate the DOM directly. The website features a modal window, cookie message, smooth scrolling, page navigation, tabbed component, menu fade animation, sticky navigation, section reveal on scroll, lazy loading images, and a slider.

Language: HTML - Size: 7.63 MB - Last synced at: 8 months ago - Pushed at: 8 months ago - Stars: 0 - Forks: 0

shahnawaz46/my-portfolio

This is my Portfolio Website.

Language: TypeScript - Size: 58.4 MB - Last synced at: 9 months ago - Pushed at: 9 months ago - Stars: 0 - Forks: 0

isaacnovaes/portfolio

My first portfolio

Language: SCSS - Size: 4.31 MB - Last synced at: 10 months ago - Pushed at: 10 months ago - Stars: 0 - Forks: 0

TejasShekar/Weekday

Job Board assignment with filters and infinite scrolling

Language: JavaScript - Size: 63.5 KB - Last synced at: 11 months ago - Pushed at: 12 months ago - Stars: 0 - Forks: 0

policman/Binary

one page web-site

Language: CSS - Size: 5.5 MB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0

melissaveraherbst/bankist

Bankist, a fictional online bank offers a virtual banking experience to practice DOM manipulation and user interaction. It simulates logging into an account and using various functionalities akin to a real bank.

Language: JavaScript - Size: 3.84 MB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0

MatiasGonta/portfolio

Language: HTML - Size: 3.62 MB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0

stardusteight-d4c/darkfolio

Having a good web portfolio is essential for creative professionals, such as graphic designers, artists, developers, and others. It serves as a virtual showcase that showcases your work, skills and personality.

Language: TypeScript - Size: 51.7 MB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0

Knopkaivy/favorite-images-api

Unsplash API Demo Project

Language: JavaScript - Size: 865 KB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

nataliadomanska/bankist-website

Project that I did with Udemy course

Language: HTML - Size: 7.62 MB - Last synced at: almost 2 years ago - Pushed at: almost 2 years ago - Stars: 0 - Forks: 0

mukhammad-akilov/web-scrollspy-intersection-observer-api

Demo of using Intersection Observer API for implementing ScrollSpy functionaliy

Language: HTML - Size: 3.91 KB - Last synced at: almost 2 years ago - Pushed at: almost 2 years ago - Stars: 0 - Forks: 0

m1rade/portfolio

Personal portfolio website on react

Language: JavaScript - Size: 7.01 MB - Last synced at: almost 2 years ago - Pushed at: almost 2 years ago - Stars: 0 - Forks: 0

DianaHeng/Bankist-Website

Fictional bankist website

Language: HTML - Size: 7.62 MB - Last synced at: almost 2 years ago - Pushed at: almost 2 years ago - Stars: 0 - Forks: 0

iam-sachinverma/assignment

Assignment Infinity Scrolling

Language: TypeScript - Size: 1.26 MB - Last synced at: about 2 years ago - Pushed at: about 2 years ago - Stars: 0 - Forks: 0

hny-codes/odin-restaurant-page

A small project for The Odin Project

Language: JavaScript - Size: 10.1 MB - Last synced at: almost 2 years ago - Pushed at: about 2 years ago - Stars: 0 - Forks: 0

Bijaym095/Lazy-Loading-Image-Gallery

This app loads images from the Unsplash API and implements lazy loading with Intersection Observer API to optimize user experience.

Language: JavaScript - Size: 3.35 MB - Last synced at: almost 2 years ago - Pushed at: about 2 years ago - Stars: 0 - Forks: 0

Anastasia-front/goit-js-hw-11

HW JS 11

Language: JavaScript - Size: 2.07 MB - Last synced at: about 2 years ago - Pushed at: about 2 years ago - Stars: 0 - Forks: 0

extsalt/infinite-scroll

Intersection Observer API

Language: JavaScript - Size: 1.95 KB - Last synced at: about 1 year ago - Pushed at: about 2 years ago - Stars: 0 - Forks: 0

nasimhelal-cell/pixel_defender

Pixel Defender is a computer security website using pure JS with features like lazy loading, tabs, intersection observer, cookie pop-up, testimonial slider, and account creation section. Aiming to assist users in securing their PCs.

Language: HTML - Size: 1.25 MB - Last synced at: about 2 years ago - Pushed at: about 2 years ago - Stars: 0 - Forks: 0

VadymPopov/pixabay-gallery

Pixabay API, Axios, SimpleLightbox, Intersection Observer API, Spinner/Loader, parcel, notiflix

Language: JavaScript - Size: 1.82 MB - Last synced at: almost 2 years ago - Pushed at: about 2 years ago - Stars: 0 - Forks: 0

safayetdib/Infinite-Scroll-React

Infinite Scrolling With React Powered By Open Library API

Language: JavaScript - Size: 307 KB - Last synced at: about 2 months ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0

rdtabb/Intersection-observers

Project is complete. In this repository I created webpage which has different on-scroll animations. Animation has been done using Intersection Observer API

Language: HTML - Size: 1.45 MB - Last synced at: about 2 years ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0

flowforfrank/react-infinite-scroll

♾️ Infinite scroll component created in React

Language: JavaScript - Size: 73.2 KB - Last synced at: 26 days ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0

Lisba/Javascript_VideoPlayer

For practicing core and advanced concepts about Javascript.

Language: HTML - Size: 61.3 MB - Last synced at: about 2 months ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0

pashaapsky/react-unsplash-images

Галерея изображений Unsplash SPA Дипломный проект по курсу React (OOP style) SkillBox , работающая c API Unsplash + авторизация через Unsplash c ленивой загрузкой изображений, настройка react-project на webpack-е с нуля {java script, react-redux, ESLint, Intersection Observer API, Unsplash API, LazyLoad, webpack}

Language: JavaScript - Size: 790 KB - Last synced at: about 2 years ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0