Search Results for "scroll"
Sort By:
Showing 44 open source projects for "scroll"
View related business solutions-
Gemini 3 and 200+ AI Models on One PlatformBuild, govern, and optimize agents and models with Gemini Enterprise Agent Platform.
-
Our Free Plans just got better! | Auth0You asked, we delivered! Auth0 is excited to expand our Free and Paid plans to include more options so you can focus on building, deploying, and scaling applications without having to worry about your security. Auth0 now, thank yourself later.
-
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
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. -
Secure File Transfer for Windows with Cerberus by RedwoodCerberus supports unlimited users and connections on a single IP, with built-in encryption, 2FA, and a browser-based web client — all deployable in under 15 minutes with a 25-day free trial.
-
5
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. -
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
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. -
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
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... -
Build Securely on Azure with Proven FrameworksMoving to the cloud brings new challenges. How can you manage a larger attack surface while ensuring great network performance? Turn to Fortinet’s Tested Reference Architectures, blueprints for designing and securing cloud environments built by cybersecurity experts. Learn more and explore use cases in this white paper.
-
10
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. ... -
11
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 -
12
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. -
13
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. ... -
14
Flow Teleprompter
A Windows first teleprompter with voice tracking and AI drafting.
...It is designed for creators who need a clean reading surface without sacrificing advanced features like native speech tracking and app wide voice commands. It features five playback styles including scroll and voice sync, local first privacy, and built in script editing. Version 1.6.1 introduces a rebuilt Vosk engine for faster recognition and significantly lower RAM usage. Whether you are using the Groq powered AI drafting or the remote messaging system to push scripts from another device, Flow stays lightweight and out of the way. -
15
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). -
16
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... -
17
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. -
18
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. ... -
19
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. -
20
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). -
21
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. -
22
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. -
23
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. -
24
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. -
25
cube-ui
Mobile UI library implement by Vue
cube-ui is an elegant mobile component library based on Vue.js. From DiDi interior component library and has been put to business test for more than one year. Every component has full unit tests to provide assurance for continuous integration. Make quick response, fluent animation and close to native components as the goal, and pursue the perfection of the interactive experience. Follow a uniform design interaction standard and highly restore the design; Standardize the interface and unify...
