📜 React component that monitors scroll events to trigger callbacks when it enters, exits and progresses through the viewport. All callback include the progress and velocity of the scrolling, in the event you want to manipulate stuff based on those values.

Stars: ✭ 126 (-74.9%)

Mutual labels: scroll, viewport

Materialviewpager

A Material Design ViewPager easy to use library

Stars: ✭ 8,224 (+1538.25%)

Mutual labels: scroll, parallax

React Scroll Sync

Synced scroll position across multiple scrollable elements

Stars: ✭ 252 (-49.8%)

Mutual labels: scroll, dom

React Scroll Parallax

🔮 React components to create parallax scroll effects for banners, images or any other DOM elements

Stars: ✭ 1,699 (+238.45%)

Mutual labels: scroll, parallax

render-props

㸚 Easy-to-use React state containers which utilize the render props (function as child) pattern

Stars: ✭ 33 (-93.43%)

Mutual labels: dom, viewport

React Awesome Reveal

React components to add reveal animations using the Intersection Observer API and CSS Animations.

Stars: ✭ 346 (-31.08%)

Mutual labels: viewport, css-animations

Emergence.js

Detect element visibility in the browser

Stars: ✭ 1,891 (+276.69%)

Mutual labels: viewport, scroll

Vue Prlx

🔮 Vue.js parallax directive you were looking for (can animate translate & background-position)

Stars: ✭ 140 (-72.11%)

Mutual labels: scroll, parallax

react-awesome-reveal

React components to add reveal animations using the Intersection Observer API and CSS Animations.

Stars: ✭ 564 (+12.35%)

Mutual labels: css-animations, viewport

scrollparent.js

A function to get the scrolling parent of an html element.

Stars: ✭ 51 (-89.84%)

Mutual labels: dom, scroll

React Scrolllock

🔒 Prevent scroll on the <body />

Stars: ✭ 393 (-21.71%)

Mutual labels: scroll

Imba

🐤 The friendly full-stack language

Stars: ✭ 5,434 (+982.47%)

Mutual labels: dom

Js Tracker

A chrome extension tracks front-end JavaScript that uses DOM / jQuery APIs to manipulate html dom elements (e.g., change style, attach event listener) at runtime.

Stars: ✭ 387 (-22.91%)

Mutual labels: dom

Eslint Plugin Testing Library

ESLint plugin to follow best practices and anticipate common mistakes when writing tests with Testing Library

Stars: ✭ 384 (-23.51%)

Mutual labels: dom

Bunny

BunnyJS - Lightweight native (vanilla) JavaScript (JS) and ECMAScript 6 (ES6) browser library, package of small stand-alone components without dependencies: FormData, upload, image preview, HTML5 validation, Autocomplete, Dropdown, Calendar, Datepicker, Ajax, Datatable, Pagination, URL, Template engine, Element positioning, smooth scrolling, routing, inversion of control and more. Simple syntax and architecture. Next generation jQuery and front-end framework. Documentation and examples available.

Stars: ✭ 473 (-5.78%)

Mutual labels: dom

Jsdom Global

Enable DOM in Node.js

Stars: ✭ 431 (-14.14%)

Mutual labels: dom

React Scrollspy

🔯 react scrollspy component

Stars: ✭ 382 (-23.9%)

Mutual labels: scroll

Jxpagelistview

高仿闲鱼、转转、京东、中央天气预报等主流APP列表底部分页滚动视图

Stars: ✭ 377 (-24.9%)

Mutual labels: scroll

Webappsec Trusted Types

A browser API to prevent DOM-Based Cross Site Scripting in modern web applications.

Stars: ✭ 424 (-15.54%)

Mutual labels: dom

Anglesharp

👼 The ultimate angle brackets parser library parsing HTML5, MathML, SVG and CSS to construct a DOM based on the official W3C specifications.

Stars: ✭ 4,018 (+700.4%)

Mutual labels: dom

React Socks

🎉 React library to render components only on specific viewports 🔥

Stars: ✭ 400 (-20.32%)

Mutual labels: viewport

Rollingnotice

所有的垂向滚屏这一个库就够了！！！滚动公告、轮播广告，支持灵活自定义cell。淘宝、口碑、京东、美团、天猫等等一切滚动广告 Roll Notice or Advertising, customize cell as UITableViewCell supported, Swift version is also ready

Stars: ✭ 445 (-11.35%)

Mutual labels: scroll

Vue Mq

📱 💻 Define your breakpoints and build responsive design semantically and declaratively in a mobile-first way with Vue.

Stars: ✭ 474 (-5.58%)

Mutual labels: viewport

Slidablelayout

SlidableLayout is devoted to build a stable, easy-to-use and smooth sliding layout.

Stars: ✭ 385 (-23.31%)

Mutual labels: scroll

Lucia

🙋‍♀️ 3kb library for tiny web apps

Stars: ✭ 439 (-12.55%)

Mutual labels: dom

Morphext

A simple, high-performance and cross-browser jQuery rotating / carousel plugin for text phrases powered by Animate.css.

Stars: ✭ 384 (-23.51%)

Mutual labels: css-animations

Html5 Dom Document Php

A better HTML5 parser for PHP.

Stars: ✭ 477 (-4.98%)

Mutual labels: dom

Scrollreveal

Animate elements as they scroll into view.

Stars: ✭ 20,264 (+3936.65%)

Mutual labels: scroll

Lightgallery

A customizable, modular, responsive, lightbox gallery plugin.

Stars: ✭ 4,829 (+861.95%)

Mutual labels: css-animations

Hc Sticky

JavaScript library that makes any element on your page visible while you scroll.

Stars: ✭ 375 (-25.3%)

Mutual labels: scroll

React Plx

React parallax component, powerful and lightweight

Stars: ✭ 469 (-6.57%)

Mutual labels: parallax

Dom

DOM library for Go and WASM

Stars: ✭ 424 (-15.54%)

Mutual labels: dom

Fn Fx

A Functional API around JavaFX / OpenJFX.

Stars: ✭ 373 (-25.7%)

Mutual labels: dom

Ply

CSS inspection aided by visual regression pruning

Stars: ✭ 370 (-26.29%)

Mutual labels: dom

Highlighter.js

Easily navigate the DOM and highlight the elements - http://720kb.github.io/highlighter.js/

Stars: ✭ 370 (-26.29%)

Mutual labels: dom

Agilejs

AgileJS - The Css3 Creation Engine 🍖🌭🍔

Stars: ✭ 489 (-2.59%)

Mutual labels: css-animations

Rnparallax

A react native scroll view component with Parallax header :p

Stars: ✭ 474 (-5.58%)

Mutual labels: parallax

Immersivedetailsample

A sample application show how to realize immersive parallax effect header like Google Play Store

Stars: ✭ 457 (-8.96%)

Mutual labels: parallax

Ngx Page Scroll

Animated scrolling functionality for angular written in pure typescript

Stars: ✭ 422 (-15.94%)

Mutual labels: scroll

Html Dom

This project is developed by Nguyen Huu Phuoc. I love building products and sharing knowledge.

Stars: ✭ 4,269 (+750.4%)

Mutual labels: dom

Mac Mouse Fix

Mac Mouse Fix - A simple way to make your mouse better.

Stars: ✭ 362 (-27.89%)

Mutual labels: scroll

Hrjs

🔄 Tiny JavaScript plugin for highlighting and replacing text in the DOM

Stars: ✭ 420 (-16.33%)

Mutual labels: dom

Plain Draggable

The simple and high performance library to allow HTML/SVG element to be dragged.

Stars: ✭ 362 (-27.89%)

Mutual labels: dom

Xlcardswitch

iOS 利用余弦函数特性实现可以居中放大的图片浏览工具

Stars: ✭ 361 (-28.09%)

Mutual labels: scroll

Ijk

Transforms arrays into virtual dom trees; a terse alternative to JSX and h

Stars: ✭ 452 (-9.96%)

Mutual labels: dom

Use Scroll Position

Use scroll position ReactJS hook done right

Stars: ✭ 414 (-17.53%)

Mutual labels: scroll

Jquery.scrollto

Lightweight, cross-browser and highly customizable animated scrolling with jQuery

Stars: ✭ 3,609 (+618.92%)

Mutual labels: scroll

Textillate

A jquery plugin for CSS3 text animations.

Stars: ✭ 3,590 (+615.14%)

Mutual labels: css-animations

Scrollload

scroll bottom load more data pull refresh 滚动到底部加载更多数据下拉刷新

Stars: ✭ 411 (-18.13%)

Mutual labels: scroll

Vue Flux

Image slider which comes with 20 cool transitions

Stars: ✭ 359 (-28.49%)

Mutual labels: parallax

React On Screen

Check if a react component in the viewport

Stars: ✭ 357 (-28.88%)

Mutual labels: viewport

React Use Gesture

👇Bread n butter utility for component-tied mouse/touch gestures in React and Vanilla Javascript.

Stars: ✭ 5,704 (+1036.25%)

Mutual labels: scroll

Shoestring

A lightweight, simple DOM utility made to run on a tight budget.

Stars: ✭ 447 (-10.96%)

Mutual labels: dom

1-60 of 663 similar projects

›

next*5