Search Results for "scroll"
Sort By:
Showing 47 open source projects for "scroll"
View related business solutions-
$300 Free Credits to Build on Google CloudPut your $300 in credit toward real workloads, then keep building with free monthly usage for 20+ products. No commitment and no charge until you upgrade.
-
Save Up to 91% on Cloud Compute With Spot VMsRun batch jobs at 60-91% off with Spot VMs. Long-running workloads get automatic discounts with sustained use.
-
1
ScrollMagic
The javascript library for magical scroll interactions
ScrollMagic helps you to easily react to the user's current scroll position. ScrollMagic is a complete rewrite of its predecessor Superscrollorama by John Polacek. A plugin-based architecture offers easy customizability and extendability. Animate based on scroll position, pin an element starting at a specific scroll position, toggle CSS classes of elements on and off based on scroll position, effortlessly add parallax effects to your website, create an infinitely scrolling page, add callbacks at specific scroll positions or while scrolling past a specific section. ... -
2
jQuery-Marquee with CSS3 Support
jQuery plugin to scroll the text like the old traditional marquee
A ~2KB MINIFIED + GZIPPED (minified) jQuery plugin to scroll the text like the old traditional marquee. -
3
Ember Infinity
Simple, flexible Infinite Scroll for Ember CLI Apps
Simple, flexible Infinite Scroll for Ember CLI Apps. As of v2.0.0, we support Node 10 and above. We test against ember-source > 3.8. Try out v2.0.0. If it doesn't work or you don't have the right polyfills because you are on an older Ember version, then v1.4.9 will be your best bet. Ember Infinity is based on a component-service approach wherein your application is viewed as an interaction between your components (ephemeral state) and service (long-term state). -
4
Vue-fullpage.js
Official Vue.js wrapper for fullPage.js
...The wrapper supports installation via npm and works both with modern bundlers like Vite and as a browser-loaded module from a CDN, so you can integrate it in many different project setups. You can pass any fullPage.js options and callbacks into the wrapper, including advanced features like horizontal sliders, scroll overflow handling, and plugin extensions, simply by providing an options object. The project supports both commercial and open-source licensing: commercial licenses for proprietary projects and GPLv3 for open-source apps, aligning with fullPage.js’s licensing model. -
MongoDB Atlas runs apps anywhereMongoDB Atlas gives you the freedom to build and run modern applications anywhere—across AWS, Azure, and Google Cloud. With global availability in over 115 regions, Atlas lets you deploy close to your users, meet compliance needs, and scale with confidence across any geography.
-
5
paroller.js
Parallax scrolling jQuery plugin
...To enable the parallax scrolling effect you can use data-patroller-* attributes on selected elements or set values via jQuery. 'factor' sets the speed and distance of the element's parallax effect on scroll. -
6
React Slick
React carousel component
This library is the port of jQuery slick library. React slick is a carousel component built with React. It is a react port of slick carousel. The easiest way to try out react-slick is using the Code Sandbox example. After you are done installing through yarn or npm, now you will have to include CSS in your project. But be aware slick-carousel has a peer-dependancy on jQuery which you, or your colleagues may not like to see in your console output, so you can always grab the CSS from there... -
7
VenoBox
Responsive jQuery lightbox plugin
...The big difference compared to many other plugins is that VenoBox calculates the max width of the image displayed and preserves its height if is taller than the window (so in small devices you can scroll down the content, avoiding vertical microscopic resized images). -
8
Apexcharts.js
Interactive JavaScript Charts built on SVG
...You can create a combination of different charts, sync them and give your desired look with unlimited possibilities. Below is an example of synchronized charts with github style. Zoom, Pan, Scroll through data. Make selections and load other charts using those selections. An example showing some interactivity. Another approach to Drill down charts where one selection updates the data of other charts. Annotations allows you to write custom text on specific values or on axes values. Valuable to expand the visual appeal of your chart and make it more informative. -
9
dejavu
The missing web UI for Elasticsearch
...Existing web UIs leave much to be desired or are built with server-side page rendering techniques that make it less responsive and bulkier to run (I am looking at you, Kibana). We started building dejavu with the goal of creating a modern Web UI (no page reloads, infinite scroll, filtered views, realtime updates, search UI builder) for Elasticsearch with 100% client-side rendering so one can easily run it as a hosted app on github pages, as a chrome extension or as a docker image. Starting v1.0, dejavu is the only Elasticsearch web UI that supports importing data via JSON and CSV files, as well as defining field mappings from the GUI. ... -
Veeam Data Platform v13.1 - Get Your Free TrialTry Veeam Data Platform today. Experience the unified platform that's secure by design, portable by default, and proven to recover clean, fast, and anywhere.
-
10
OverlayScrollbars
A javascript scrollbar plugin which hides native scrollbars
A javascript scrollbar plugin that hides native scrollbars, provides custom styleable overlay scrollbars and keeps the native functionality and feeling. The plugin combines the features of native scrolling (e.g. hotkeys, speed, smoothness, touch support etc.) and custom HTML & CSS. It does not replace the native scrollbars, it just hides them to guarantee 100% native scrolling. It also provides additional and highly customizable DOM elements to style your own scrollbars. To check how... -
11
Zynga Scroller
Accelerated panning and zooming for HTML and Canvas
...It can be controlled manually through an API or used through EasyScroller, a simplified DOM-focused wrapper with data-attribute initialization. Developers can configure axes, animation behavior, zoom ranges, dimensions, and scroll targets. It is useful for web applications, games, visual tools, and custom interfaces that need smooth touch or mouse-driven navigation without relying entirely on native browser scrolling. -
12
Spectacle
A ReactJS based Presentation Library
...Spectacle’s presentations are lively and interactive, with clickable elements, themes, custom backgrounds, animations, and many other fun and unique elements you can add to make your presentations pop. With Spectacle you can also live demo your code in real time without having to leave the presentation deck. Code blocks conveniently auto-size and scroll when there is an overflow of content. See the live demo deck at: https://raw.githack.com/FormidableLabs/spectacle/main/examples/one-page.html -
13
Google Map React
Google map library for react that allows rendering components
...Additionally, it can render map components in the browser even if the Google Maps API is not loaded. It uses an internal, tweakable hover algorithm - every object on the map can be hovered. It allows you to create interfaces like this example (You can scroll the table, zoom/move the map, hover/click on markers, and click on table rows) In the simple case you just need to add lat and lng props to any child of GoogleMapReact component. -
14
react-fullpage
Official React.js wrapper for fullPage.js
...The wrapper uses a render-prop API, where you pass a render function that receives component state and the fullpageApi, allowing you to build React JSX markup while delegating scroll behavior to fullPage.js under the hood. It is distributed in multiple formats, including a standard ES module and a UMD bundle, so it can be used in projects with or without a modern build step. The library supports server-side rendering scenarios (such as Next.js and Gatsby) by returning a static version when window is not available and then hydrating into the “live” interactive version on the client. ... -
15
Browsersync
Keep multiple browsers & devices in sync when building websites
...Easily integrated with task runners like Grunt and Gulp, or included in other Node projects. Test your website against a slower connection. Even when devices are connected to wifi. Your scroll, click, refresh and form actions are mirrored between browsers while you test. -
16
Neiki's Gallery
Vanilla JavaScript image gallery & lightbox
Neiki's Gallery is a lightweight, production-ready image gallery and lightbox library built with vanilla JavaScript and CSS. It requires no dependencies and can be integrated with a single <script> tag, with automatic initialization out of the box. It provides a highly customizable experience for modern web projects, combining performance, flexibility, and rich UI interactions. Designed for both developers and end users, it supports responsive layouts, advanced lightbox features, touch... -
17
Leaflet
Open-source JavaScript library for mobile-friendly interactive maps
Leaflet is a leading open source JavaScript library for creating interactive, mobile-friendly maps. Leaflet is light at just about 38 KB, but is already fully equipped with all the mapping features you could need. Leaflet is simple but efficient. It doesn’t try to do everything for everybody, rather it focuses on making the basic things work perfectly. It comes ready with exceptional layering tools, customization features such as pure CSS3 popups and controls, map controls and more right... -
18
jquery.floatThead
Doesn't need any custom css/html. Does what position:sticky can't
jquery.floatThead is a floating/locked/sticky/fixed table header plugin that requires no special CSS and supports window and overflow scrolling. Float the table header on scroll. No changes to your HTML/CSS are required, it just works. Supports floating the header while scrolling within the window or while scrolling within a container with overflow. Supports responsive tables. -
19
ScrollTrigger
Let your page react to scroll changes
The most basic usage of ScrollTrigger is to trigger classes based on the current scroll position. E.g. when an element enters the viewport, fade it in. You can add custom offsets per element, or set offsets on the viewport (e.g. always trigger after the element reaches 20% of the viewport) When using the callbacks ScrollTrigger becomes really powerful. You can run custom code when an element enters/becomes visible, and even return Promises to halt the trigger if the callback fails. ... -
20
react-native-keyboard-aware-scroll-view
ScrollView component that handles keyboard appearance
...They accept ScrollView, SectionList and FlatList default props respectively and implement a custom high order component called KeyboardAwareHOC to handle keyboard appearance. The high order component is also available if you want to use it in any other component. Import react-native-keyboard-aware-scroll-view and wrap your content inside it. First, Android natively has this feature, you can easily enable it by setting windowSoftInputMode in AndroidManifest.xml. The HOC can also be configured. Sometimes it's more convenient to provide a static config than configuring the behavior with props. -
21
BSL
Body scroll locking that just works with everything
...If disableBodyScroll is called for the last target element, or clearAllBodyScrollLocks is called, the padding-right is automatically reset to the previous value. Works with vanilla JS and frameworks such as React / Angular / VueJS. Disables body scroll WITHOUT disabling scroll of a target element. Supports nested target elements (eg. a modal that appears on top of a flyout). -
22
Infinite Scroll
Automatically add next page
...That lineage scrolls on to this day. Infinite Scroll v4 supports Chrome 60+, Edge 79+, Firefox 55+, Safari 11+. For IE10 and Android 4 support, try Infinite Scroll v3. Infinite Scroll upholds URLs by changing them automatically as the user scrolls. Users can refresh the current page or return to a scrolled page and their position will be maintained. No more tears when you scroll 20 pages and accidentally hit refresh. -
23
lax.js
Library to create smooth & beautiful animations when you scroll
Simple & lightweight (<4kb gzipped) vanilla JavaScript library to create smooth & beautiful animations when you scroll. Lax.js 2.0 has been completely re-written with a focus on modularity and flexibility giving you more tools to create awesome animations. To implement lax you need to create at least one driver, to provide values for animations, as well as the element animation bindings. The easiest way to get started is to use presets via html classes. -
24
ScrollBooster
Enjoyable content drag-to-scroll library
Enjoyable drag-to-scroll micro-library (~2KB gzipped). Supports smooth content scroll via mouse/touch dragging, trackpad or mouse wheel. Zero dependencies. Easy to setup yet flexible enough to support any custom scrolling logic. -
25
jQuery & Zepto Lazy
A lightweight, fast, feature-rich, powerful and highly configurable
...It's designed to speed up page loading times and decrease traffic to your users by only loading the content in view. You can use Lazy in all vertical and horizontal scroll ways. It supports images in img / tags and backgrounds, supplied with CSS like background-image, by default. On those elements, Lazy can set a default image or a placeholder while loading and supports retina displays as well. But Lazy is even able to load any other content you want by plugins and custom loaders.
