Projects in Awesome Lists tagged with intersectionobserver-api

https://github.com/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 reactjs scrolling viewport visibility

Last synced: 12 May 2025

https://github.com/svelte-inview/svelte-inview

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

hacktoberfest intersection-observer intersectionobserver intersectionobserver-api javascript observer svelte svelte-component svelte-js svelte3 typescript viewport

Last synced: 16 May 2025

https://github.com/ljbc1994/BlazorIntersectionObserver

🔎 Intersection Observer API wrapper for Blazor applications

blazor intersectionobserver intersectionobserver-api typescript

Last synced: 26 Mar 2025

https://github.com/ljbc1994/blazorintersectionobserver

🔎 Intersection Observer API wrapper for Blazor applications

blazor intersectionobserver intersectionobserver-api typescript

Last synced: 09 Apr 2025

https://github.com/codrops/animatesvgtextpath

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

animation intersectionobserver-api layout scroll svg svg-filters textpath

Last synced: 26 Oct 2025

https://github.com/martinlaxenaire/scroll-observer

Really simple Intersection Observer helper

intersection-observer intersectionobserver-api javascript vanilla-javascript

Last synced: 10 Oct 2025

https://github.com/snewcomer/intersection-observer-admin

Intersection Observer Admin for better performance

intersection-observer intersectionobserver-api lazy-loading lazyload-images performance

Last synced: 22 Aug 2025

https://github.com/biyuqi/vue-intersection-observer

Vue component for the Intersection <Observer /> API

intersection-observer intersectionobserver intersectionobserver-api vue-component vue-intersection-observer vue2

Last synced: 16 Mar 2025

https://github.com/lbrian/content-visibility

Web Component uses CSS content-visibility and fallback Intersection Observer

css intersection-observer intersectionobserver-api javascript lit-element lit-html typescript webcomponent webcomponents

Last synced: 12 Apr 2025

https://github.com/srigar/react-lazyloading

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

infinite-scroll intersection-observer intersectionobserver-api lazy-load-component lazy-loading lazyload-component lazyload-images react-lazy-load react-lazy-loading react-lazyload reactjs useintersectionobserver viewport virtual-load-component virtual-scroll

Last synced: 02 May 2025

https://github.com/phuocng/intersection-observer-examples

Practical, real world examples of Intersection Observer

intersectionobserver intersectionobserver-api react react-hook vanilla-javascript

Last synced: 18 Mar 2025

https://github.com/the-road-to-learn-react/react-intersection-observer-api-example

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

createref intersection-observer intersectionobserver intersectionobserver-api react reactjs

Last synced: 10 Apr 2025

https://github.com/andrew-tsegaye/bankist-website

A simple, minimalist online banking website.

css3-transitions html-css-javascript intersectionobserver-api javascript

Last synced: 08 May 2025

https://github.com/innovatorved/scroll-animation

Acroll Animation using Browser IntersectionObserver API

css html innovatorved intersectionobserver intersectionobserver-api javascript

Last synced: 18 Mar 2025

https://github.com/ahmadrezamozaffary/belfius-banking-landing

Implement some useful and advanced DOM manipulations 🏅

advanced-dom css-box-model css-flexbox css-variables css3 dom-manipulation dom-traversal dom-tree dropshadow es6 html5 intersectionobserver-api javascript lazy-loading navbar responsive responsive-design semantic-html slider-component tabbed-component

Last synced: 10 Apr 2025

https://github.com/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.

a11y accessibility css css3 dart-sass-compiler flex flexbox flexible grid grid-layout html html5 intersectionobserver-api responsive responsive-design responsive-layout responsive-web-design sass scss

Last synced: 12 May 2025

https://github.com/henrikdk2/preact-intersection-observer

A lightweight Preact implementation of Intersection Observer API.

hooks intersection-observer intersectionobserver-api lazy-loading performance preact preact-hooks

Last synced: 09 Jul 2025

https://github.com/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.

animation css hacktoberfest intersection-observer intersectionobserver-api javascript transition

Last synced: 10 Oct 2025

https://github.com/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-development frontend intersection-observer intersection-observer-api intersectionobserver intersectionobserver-api lazy-loading lazy-loading-images react reactjs reactplayer reactrouterdom skeleton-loading tailwind tailwindcss tmdb tmdb-api tmdb-movie-search

Last synced: 31 Jul 2025

https://github.com/syedzawwarahmed/my-portfolio

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

css css-animations intersectionobserver-api javascript react

Last synced: 04 Aug 2025

https://github.com/maiz27/v1

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

animatecss firebase firebase-hosting intersectionobserver-api portfolio-website react react-portfolio

Last synced: 17 Jul 2025

https://github.com/anfibiacreativa/myapp-apollo

Apollo/GraphQL Angular App

angular angular7 apollo apollo-client css-grid graphql intersection-observer intersectionobserver-api

Last synced: 31 Mar 2025

https://github.com/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.

css front-end-developer front-end-web-development html html5 intersection-observer intersectionobserver-api javascript lazy-loading

Last synced: 05 Oct 2025

https://github.com/leolanese/angular16-intersectionobserver

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

angular css intersectionobserver-api javascript

Last synced: 31 Dec 2025

https://github.com/jerosoler/ioaa

Intersection Observer API Animation ⚡ Fast animation Inteserction Observer library

animation animation-css css intersectionobserver intersectionobserver-api ioa stylesheets

Last synced: 30 Jul 2025

https://github.com/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.

intersectionobserver-api javascript nextjs reactjs zustand

Last synced: 01 Sep 2025