TypeScript Scrolling

Open-source TypeScript projects categorized as Scrolling

Top 16 TypeScript Scrolling Projects

  1. virtual

    🤖 Headless UI for Virtualizing Large Element Lists in JS/TS, React, Solid, Vue and Svelte

    Project mention: How to Implement Virtual Scrolling Beyond the Browser's Limit | dev.to | 2024-10-08

    I personally prefer using TanStack Virtual, which also supports Vue, Svelte, Solid, Lit, and Angular besides React.

  2. Sevalla

    Deploy and host your apps and databases, now with $50 credit! Sevalla is the PaaS you have been looking for! Advanced deployment pipelines, usage-based pricing, preview apps, templates, human support by developers, and much more!

    Sevalla logo
  3. react-intersection-observer

    React implementation of the Intersection Observer API to tell you when an element enters or leaves the viewport.

  4. virtua

    A zero-config, fast and small (~3kB) virtual list (and grid) component for React, Vue, Solid and Svelte.

  5. react-cool-inview

    😎 🖥️ React hook to monitor an element enters or leaves the viewport (or another element).

  6. scroll-out

    ScrollOut detects changes in scroll for reveal, parallax, and CSS Variable effects!

  7. React horizontal scrolling menu

    Horizontal scrolling menu component for React.

  8. react-indiana-drag-scroll

    React component which implements scrolling via holding the mouse button or touch

  9. InfluxDB

    InfluxDB – Built for High-Performance Time Series Workloads. InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now.

    InfluxDB logo
  10. ngx-scroll-to

    Scroll to any element to enhance scroll-based features in you app. Works for Angular 4+, both AoT and SSR. No dependencies.

  11. the-supersonic-plugin-for-scroll-based-animation

    Extremely customizable 2kb javascript plugin for scroll based animation which animates 1000 elements without lags!

  12. react-ui-scrollspy

    Customizable Scroll Spy component for react which is Simple, Easy To Use and Lightweight with callback, typescript, auto-update URL hash and throttle support among others.

  13. ReactStickyHeadroom

    A React Component to hide a Header using CSS sticky position

  14. use-scroll-direction

    A simple, performant, and cross-browser hook for detecting scroll direction in your next react app.

  15. react-scrollsy

    An ambitious light-weight react module written in TypeScript for tracking scroll progress in a performant way. Developed for use with spring based animation libraries such as react-spring, but can be used with or without any library.

  16. sections

    A tiny class to detect page sections as user scrolls and triggers events on fixed elements. (by peteringram0)

  17. PureJS_OnePageNav

    Highly configurable one page navigation script written in pure JS

  18. SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020).

TypeScript Scrolling discussion

Log in or Post with

TypeScript Scrolling related posts

  • Javascript scroll listeners. Scrollout vs intersection observer. Thoughts?

    1 project | /r/webdev | 17 May 2022
  • Showoff Saturday February 20 2021

    1 project | /r/javascript | 20 Feb 2021

Index

What are some of the best open-source Scrolling projects in TypeScript? This list will help you:

# Project Stars
1 virtual 6,291
2 react-intersection-observer 5,398
3 virtua 3,020
4 react-cool-inview 1,465
5 scroll-out 1,224
6 React horizontal scrolling menu 783
7 react-indiana-drag-scroll 524
8 react-snap-carousel 334
9 ngx-scroll-to 277
10 the-supersonic-plugin-for-scroll-based-animation 206
11 react-ui-scrollspy 81
12 ReactStickyHeadroom 33
13 use-scroll-direction 32
14 react-scrollsy 4
15 sections 1
16 PureJS_OnePageNav 0

Sponsored
Deploy and host your apps and databases, now with $50 credit!
Sevalla is the PaaS you have been looking for! Advanced deployment pipelines, usage-based pricing, preview apps, templates, human support by developers, and much more!
sevalla.com

Did you know that TypeScript is
the 1st most popular programming language
based on number of references?