127 Repositories
JavaScript scroll-events Libraries
You can delegate events by on:* 🎉
Delegate events with on:* 🎉 💡 Easy to use ⚡️ No performance impact 🔑 No type errors with svelte-check Try it on Stackblitz 🚀. Overview Since 2019,
StarkNet support extension for VSCode. Visualize StarkNet contracts: view storage variables, external and view functions, and events.
StarkNet Explorer extension This VSCode extension quickly shows relevant aspects of StarkNet contracts: Storage variables of the current contract, and
Server Sent Events (SSE) and WebSockets for the remix framework
remix-sse Server Side Events (SSE) and WebSockets made easy with Remix. Introduction This monorepo contains several packages for working with SSE and
A tiny, SSR-friendly hook for listening to gamepad events.
useGamepadEvents useGamepadEvents is a tiny, SSR-friendly hook for listening to gamepad events. It's a wrapper around the Gamepad API designed for fir
Analyzify's open-source guide & codes on Shopify Pixels & Customer Events. Follow this repo to stay up-to-date with the new pixels.
Shopify Customer Events & Shopify Pixels Shopify has announced yet another phenomenal feature: Shopify Customer Events also known as Shopify Pixels. O
H1-H5 headers stick on content scroll
"Sticky Headers" plugin for Logseq h1-h5 headers blocks (which have child blocks) on the page will "stick" to the top when the page scrolls, helping y
adds the *scrollin* and *scrollout* events to jquery, which will fire when any given element becomes (respectively) visible and invisible in the browser viewpori
jQuery.scrolling This plugin adds the scrollin and scrollout events to jquery: these events will fire when any given element becomes visible/invisible
Simple scrollspy without jQuery, no dependencies
Simple Scrollspy Simple scrollspy is a lightweight javascript library without jQuery, no dependencies. It is used to make scrollspy effect for your me
A full stack mern application called "memories" where users can post interesting events occurring in their life
Memories App 💫 💫 💫 Live Demo 💫 💫 💫 Full Stack "R"ERN Application - from start to finish. The App is called "Memories" and it is a simple social
Basic website that allows users to add/remove books from a list. Achieved using JavaScript objects and arrays, dynamically modifying the DOM and adding basic events.
Awesome Books Basic website that allows users to add/remove books from a list. Achieved using JavaScript objects and arrays, dynamically modifying the
FlexiPay is a flexible payment solution for DAO Events.
Problem Statement Ever thought about not attending the event further right when it’s ongoing? Ever felt like the money you paid for an event isn’t wor
Mercure Provider - Real-time Made Easy
@setten/mercure is a Mercure client for AdonisJS. Mercure allows you to use Server Sent Events to push data to your clients using Http. Note You must
Customizable masonry Flatlist. it just behave like Flatlist but using ScrollView behind the scene
Would you like to support me? react-native-masonry-grid Customizable masonry Flatlist. it just behave like Flatlist but using ScrollView behind the sc
jQuery plugin for horizontally scrolling galleries
jQuery Horiztonal Scroll Gallery This jQuery plugin slides through a horiztonal gallery of items as you scroll down. It makes use of position:sticky s
A bot to propose events for a discord server.
Project Name Project Description Live Version This page is not yet deployed. Feedback and Bugs If you have feedback or a bug report, please feel free
Canvas-based JavaScript UI element implementing touch, keyboard, mouse and scroll wheel support.
pure-knob Initially a (circular) knob / dial control with mouse, wheel, touch and keyboard support, implemented in pure JavaScript. In addition, this
A library for panning and zooming elements using CSS transforms :mag:
Panzoom Examples Panzoom is a small library (~3.7kb gzipped) to add panning and zooming functionality to an element. Rather than using absolute positi
a Vanilla JS Smooth Scroll to ⚓ script
Smooth Scroll Library ScrollToSmooth Support for older versions: If you need documentation for versions prior 3.0.0 visit this page Lightweight Vanill
A jQuery plugin allowing you to scroll an image within a container element
jQuery Scroll Image Inside v0.1 A jQuery plugin allowing you to scroll an image within a container element Usage div id="window" img src="reall
Lightweight and easy to use vanilla js library to add css animations to elements on scroll.
Scrollrisen Trigger css animations on scroll as elements enter the viewport. Zero dependencies, lightweight and easy to use and customize Installation
Customizable plugin, smooth scroll up button, on native JavaScript
up-button Customizable plugin, smooth scroll up button, on native JavaScript Description Up button initialization, call up() function, in your js file
🦉The jQuery plugin "Stick to me" allows you to create exit-popups on your web page, so you can capture visitors just as they are about to leave.
🦉 The jQuery plugin "Stick to me" allows you to create exit-popups on your web page, so you can capture visitors just as they are about to leave. How
A fullscreen scroll-based slideshow with a content view powered by GreenSock's Observer plugin.
Fullscreen Scrolling Slideshow A fullscreen scroll-based slideshow with a content view powered by GreenSock's Observer plugin. Article on Codrops Demo
Plug-and-play, faster-than-native promise/callback event emitter
kNow Blazing-fast callback/promise-based events with a tiny footprint What is this? With kNow (pronounced "now"—the k's silent), JavaScript event mana
Better DevX for Event Sourcing in TypeScript 🧑💻
Castore 🦫 Better DevX for Event Sourcing in TypeScript Castore provides a unified interface for implementing Event Sourcing in TypeScript 🦸♂️ . 🤔
A lightweight JavaScript utility to fade elements in and out of view on page scroll.
ScrollFade ScrollFade is used to fade elements in and out of view while scrolling through a page. Tag any elements you want to fade with the class scr
A tiny JavaScript library to enable CSS animations when user scrolls.
A tiny JavaScript library to enable CSS animations when user scrolls. This library allows you to toggle one or more classes on an element when it appe
A small jQuery plugin for rendering scroll-based HTML animations
Storyline Build beautiful landing pages that change as the user scrolls up or down. Project created in 2013 and ported to GitHub in 2021. Demo Just vi
A simple jQuery extension to make any HTML element sticky on scroll.
jquery.sticky.js A simple jQuery extension to make any HTML element sticky on scroll. Installation Just download the script and include it in your HTM
infiniteScrollWithTemplate - JQuery plugin for ajax-enabled infinite page scroll / auto paging with template
jQuery Infinite With Template Plugin JQuery plugin for ajax-enabled infinite page scroll with template. If you like jQuery until now, this little libr
A lightweight scrollbar library written in vanilla javascript.
A lightweight, dependency-free scrollbar library written in vanilla javascript. Fully customisable via CSS Native scrolling behaviour preserved Vertic
jQuery based scrolling Bar, for PC and Smartphones (touch events). It is modern slim, easy to integrate, easy to use. Tested on Firefox/Chrome/Maxthon/iPhone/Android. Very light 7ko min.js and 1Ko min.css.
Nice-Scrollbar Responsive jQuery based scrolling Bar, for PC and Smartphones (touch events). It is modern slim, easy to integrate, easy to use. Tested
Javascript library for switching fixed elements on scroll through sections. Like Midnight.js, but without jQuery
Library for Switching Fixed Elements on Scroll Sometimes designers create complex logic and fix parts of the interface. Also they colour page sections
Simple modern-looking event calendar 📅💜
evo-calendar Simple Modern-looking Event Calendar 👀 Demo: https://edlynvillegas.github.io/evo-calendar/ 💡 Features: Flexible and fully customizable
A javascript library to animate elements on scroll page events
ScrollJS by Sam Sirianni ScrollJS is a library written in Javascript. With ScrollJS you can animate elements on scroll events. Visit the ScrollJS webs
A lightweight jQuery custom scrollbar plugin, that triggers event when reached the defined point.
Scrollbox A lightweight jQuery custom scrollbar plugin, that triggers event when reached the defined point. Demo Page Table of contents Browser compat
Pressure is a JavaScript library for handling both Force Touch and 3D Touch on the web
Pressure is a JavaScript library for handling both Force Touch and 3D Touch on the web, bundled under one library with a simple API that makes working with them painless.
Simple scroll based text reveal animation library.
Simple scroll based text reveal animation library. ⛰️ DEMO Getting Started Using packge manager NPM Install textify using npm: npm install textify.js
This project will be a basic website that allows users to add/remove books from a list. The main objective is to understand how to use JavaScript objects and arrays and dynamically modify the DOM and add basic events.
Awesome-books Awesome Books This project will be a basic website that allows users to add/remove books from a list. This project is part of the Microv
Create scroll-based animation without JavaScript
Trigger JS Create scroll-based animation without JavaScript. Sometimes we want to update the CSS style of an HTML element based on the scroll position
Directives, utils, and events for working with angular zoneless
az-zoneless A set of directive and utilities to manage an angular zoneless app. Using this library you can go completly zoneless and still support 3rd
Smooth scroll animation - vanilla JavaScript
Smooth Scroll Animation Using Vanilla JavaScript Provides smooth scroll functionality on clicking buttons with different eeasing properties. The "smoo
Adds `long-press` event to the DOM in 1k of pure JavaScript
long-press-event A 1k script that adds a long-press event to the DOM using CustomEvent and pure JavaScript. Works in IE9+, Chrome, Firefox, Safari as
A quick-start template for Discord.js v14 in TypeScript that contains handling for commands, events, and interactions!
Typescript-Discord.js-v14-Template A quick-start template for Discord.js v14 in Typescript that contains handling for commands, events, and interactio
👇 Bread n butter utility for component-tied mouse/touch gestures in Solid.
solid-gesture solid-gesture is a port of @use-gesture/react which lets you bind richer mouse and touch events to any component or view. With the data
A jQuery plugin that lets you attach callbacks to useful image loading events.
waitForImages Copyright (c) 2011-2018 Alexander Dickson @alexdickson Licensed under the MIT licenses. http://alexanderdickson.com Donate! Overview Pro
Waypoints is a library that makes it easy to execute a function whenever you scroll to an element.
Waypoints Waypoints is a library that makes it easy to execute a function whenever you scroll to an element. var waypoint = new Waypoint({ element:
An infinite scrolling plugin for jQuery.
jScroll - jQuery Plugin for Infinite Scrolling / Auto-Paging Official site at jscroll.com. Copyright © Philip Klauzinski Dual licensed under the MIT a
Automatically make same-page links scroll smoothly
Smooth Scroll Plugin Allows for easy implementation of smooth scrolling for same-page links. Note: Version 2.0+ of this plugin requires jQuery version
Custom events 'movestart', 'move' and 'moveend' for jQuery.
#jquery.event.move Move events provide an easy way to set up press-move-release interactions on mouse and touch devices. UPDATE 2.0: move events are n
Reveal CSS animation as you scroll down a page
WOW.js Reveal CSS animation as you scroll down a page. By default, you can use it to trigger animate.css animations. But you can easily change the set
A Simple jQuery Plugin for Animating Scroll
AnimateScroll A Simple jQuery Plugin for Animating the Scroll Demo can be seen at http://plugins.compzets.com/animatescroll What is it exactly? Animat
Animate elements as they scroll into view.
Animate elements as they scroll into view. Introduction ScrollReveal is a JavaScript library for easily animating elements as they enter/leave the vie
CSS3 list scroll effects
stroll.js – because it scrolls, and trolls. A collection of CSS list scroll effects. Works in browsers with support for CSS 3D transforms including a
New Discord.JS v14 Slash and Prefix Commands handler with Events. Check it out now!
Discord.js v14 Command-Handler Commands, Events, Permissions and Cooldown Handlers for Discord.js v14 bot ~ Made by Lynx Discord.js v14 (dev version)
👇 Bread n butter utility for component-tied mouse/touch gestures in Svelte.
svelte-gesture svelte-gesture is a library that lets you bind richer mouse and touch events to any component or view. With the data you receive, it be
🚀 Scroll Follow Tab is a lightweight javascript library without jQuery, no dependencies.
Scroll Follow Tab is a lightweight javascript library without jQuery, no dependencies. It is used to make scrollspy effect for your menu, table of contents, etc. Only 21.7Kb.
A TypeScript friendly event emitter with easy re-emitting events
remitter A TypeScript friendly event emitter with easy re-emitting events. Install npm add remitter Usage import { Remitter } from "remitter"; interf
PoGOEvents is a Scriptable widget that displays current and upcoming Pokemon GO events.
PoGOEvents PoGOEvents is a Scriptable widget that displays current and upcoming Pokemon GO events. All event data is gathered from from ScrapedDuck, w
Automatically scrolls the element when the cursor approaches the boundaries.
react-tiny-autoscroll Automatically scrolls the element when the cursor approaches the boundaries. Demo Mostly helpful when used in combination with d
NFC based attendance recording app for offline events.
NFC Entry NFC based attendance recording app for offline events. Capture proof of presence in offline events using NFC enabled ID Cards and a smartpho
A Discord bot that snitches on the lore & events, i.e. lies, about any two random users within a server.
Trash Panda Bot Trash Panda Bot A little trash panda to randomly post in your Discord server. Explore the docs » · Report Bug · Request Feature Table
A project for experimenting with Server Sent Events (SSE), a way of communication going from server to client.
A project for experimenting with Server Sent Events (SSE), a way of communication going from server to client.
A JavaScript library for adding ripple effects to HTML elements based on mouse events.
About project Ripplejs is an open source javascript library created for the purpose of adding ripple effects to html elements based on mouse events. L
Scroll made easy!
Demo - Installation - Methods - Callbacks - Styling ◼️ Features: 🔧 Native Scroll Behavior 🛠 Standardized events / shortcuts / API 🌠 Fast & Lightwei
Node.js library to receive live stream chat events like comments and gifts in realtime from TikTok LIVE.
TikTok-Live-Connector A Node.js library to receive live stream events such as comments and gifts in realtime from TikTok LIVE by connecting to TikTok'
Conveyer adds Drag gestures to your Native Scroll.
Conveyer Demo / Documentation / Other components Conveyer adds Drag gestures to your Native Scroll. 📱 💻 🖥 ✨ Features You can use Native Scroll-like
An open-source analytics library to measure user events the hassle-free way.
walker.js The walker.js is an open-source event tracker for all tools. Easy, standardized & flexible. Capture user events in the browser by setting HT
It's the ragemp server middlewares for events
RageMP Server Middlewares Данный пример промежуточных функций разработан, чтобы любые другие разработчики могли им пользоваться. Документация: App App
Discord.js V13 Slash Commands, Events , Button Handler
Discord-js-v13-handler An advanced discord.js v13 command/events handler. Environment Variables To run this project, you will need to add the followin
Timers for Lost Ark bosses, islands, events, wandering merchants and more! Never miss an event again.
Timers for Lost Ark bosses, islands, events, wandering merchants and more! Never miss an event again. LostArkTimer.app Website Website Features Event
Real-time event collaborating
Smartlist Collaborate Collaborate on your events in real-time! An product by Smartlist 🧪 This product is still in development, and some features mig
Integrate Railway Project events with Telegram Chat/Channel using Railway Webhooks
Railway to Telegram Integrate Railway Project events with Telegram Chat/Channel using Railway Webhooks! One Click Self Deploy Manual Self Deploy Fork
A simple pokedéx build with Nextjs and PokéAPI
Pokédex A simple pokedéx build with Nextjs and PokéAPI View Demo · Report Bug · Request Feature Table of Content About The Project Built With Getting
Windowatch - a singleton class managing scroll-, resize- and breakpoint-change events globally
Windowatch is a singleton class managing scroll-, resize- and breakpoint-change events globally. It uses passive resize & scroll event listeners and requestAnimationFrame to optimize dom interactions (get, update). It removes unnecessary window event listeners automatically, if no listeners are attached.
FriendAdvisor is a mobile app with a focus on allowing friends and family to coordinate and receive text notifications about upcoming group events.
FriendAdvisor is a mobile app with a focus on allowing friends and family to coordinate and receive text notifications about upcoming group events.
Web Gesture Events
Web Gesture Events A library that brings high-level asynchronous gesture events to the web by extending the standard addEventListener interface. ☝🏾 ?
io-ts Typed Event Bus for the runtime of your Node.js application. A core for any event-driven architecture based app.
Typed Event Bus Based on io-ts types, this bus provides a handy interface to publish and consume events in the current runtime of the Node.js process.
Better scroll event management using requestAnimationFrame.
Scroll Frame Better scroll event management using requestAnimationFrame. Install npm install @jamestomasino/scroll-frame Use const { addScrollListener
An iCal API to see the 42 events in a calendar.
42cal An iCal API to see the 42 events in a calendar. Installation You have to create a new intra app (Settings API REGISTER A NEW APP). Fill in t
A website designed as a template for Real Estate Events and Conferences.
A website designed as a template for Real Estate Events and Conferences. Users can showcase live countdown until event, event characteristics, Speakers and Organizational leadership Showcase and design is responsive. Built with HTML/CSS/JavaScript.
This script produce the video scroll effect that we can find on the Apple Website's
Scrollable Sequence Description This script produce the video scroll effect that we can find on the Apple Website's. This script is inspired from the
Event scheduler is a simple app for viewing the events happening around you
Event scheduler is a simple app for viewing the events happening around you. User can also create their event and include a location. Location can also be marked as hidden(strictly by IV). Built with React and Styled Components
▲ NEXT.JS - Example project using Next.js with Locomotive Scroll. (experimental)
nextjs-with-locomotive-scroll-example 🔺 NEXT.JS - Example project using Next.js with Locomotive Scroll. (experimental) 🚀 Demo 🚀 Getting started The
A MERNG social volunteering app. Host, attend, discuss, and later verify volunteer events and good deeds, earning Kindly Points as you help.
KINDLY: Be Good to Your Neighbors! Fig 1: The entire homepage for a logged-in user! TABLE OF CONTENTS Description Installation Usage Technologies Cont
Lightweight, Material Design inspired go to top button. No dependencies. Pure Angular!
Angular ScrollTop Button Lightweight, Material Design inspired button for scroll-to-top of the page. No dependencies. Pure Angular! ✓ Angular 13, Ivy
AppRun is a JavaScript library for developing high-performance and reliable web applications using the elm inspired architecture, events and components.
AppRun AppRun is a JavaScript library for building reliable, high-performance web applications using the Elm-inspired architecture, events, and compon
Animate on scroll library
❗ ❗ ❗ This is README for aos@next ❗ ❗ ❗ For last stable release (v2) go here 🚀 Demo 🌟 Codepen Examples Different built-in animations With anchor set
Simple & lightweight (4kb gzipped) vanilla JavaScript library to create smooth & beautiful animations when you scroll.
lax.js Simple & lightweight (4kb gzipped) vanilla JavaScript library to create smooth & beautiful animations when you scroll. DEMO What's new w
Animate elements as they scroll into view.
Animate elements as they scroll into view. Introduction ScrollReveal is a JavaScript library for easily animating elements as they enter/leave the vie
🚀 Performance focused, lightweight scroll animation library 🚀
Sal Performance focused, lightweight (less than 2.8 kb) scroll animation library, written in vanilla JavaScript. No dependencies! Sal (Scroll Animatio
What's Happening in Singapore
What Happen SG This page scrapes the latest "What's Happening in MONTH YEAR" thread content from /r/singapore subreddit. What's Happening in January 2
alt:V - ZoneManager to trigger events whenever you leave or enter a Polygon
Features Create 3D polygons Trigger events when enter or leave them How to use Create 3D Polygon (without event): alt.emit("ZoneManager:DrawZoneBy2",s
tron evnts plugin simplified, helps get emmited contract events.
tron-events tron events plugin simplified, helps get emmited contract events. Installation/Running clone this repo git clone https://github.com/ahmadb
Adds `swiped` events to the DOM in 0.7k of pure JavaScript
swiped-events A 0.7k script that adds swiped-left, swiped-right, swiped-up and swiped-down events to the DOM using CustomEvent and pure JS. Based on t
Scroll-stash - A JavaScript plugin to help preserve an element's scroll position.
scroll-stash A JavaScript plugin to help preserve an element's scroll position. CodePen Example Installation npm install scroll-stash JavaScript Impo
Largetable - jQuery plugin to scroll in/maximize large tables
largetable jQuery plugin to scroll in/maximize large tables Usage Install with npm: $ npm install largetable Then include largetable files in the HTM
Ngx-scrollbar-indicator - This will show an indicator with scrollbar
ngx-scrollbar-indicator Consider a scenario, where you have 100s of items, sorted alphabetically. Now, when user scrolls through the same, user doesn'
Slickscroll - A Lightweight JavaScript library for quick and painless momentum & parallax scrolling effects.
Slickscroll is a JavaScript library that makes momentum & parallax scrolling quick and painless View Demo: slickscroll.musabhassan.com Momentum Scroll
Sse-example - SSE (server-sent events) example using Node.js
sse-example SSE (server-sent events) example using Node.js SSE is a easy way to commutate with the client side in a single direction. it has loss cost