Top 23 Infinite Scroll Open-Source Projects

• react-virtualized

  40 25,951 1.6 JavaScript

  React components for efficiently rendering large lists and tabular data

Project mention: The Secret Weapon of Top Developers: 7 React JS Libraries You Can't Afford to Ignore | dev.to | 2024-02-21

You may increase the rendering efficiency of tabular and huge list data by using the React Virtualized module. React apps perform better overall when the quantity of requests and DOM elements is limited. React Virtualized is comparable to many other tools; however, what sets it apart from the competition is the sheer volume of features and excellent upkeep.

• react-window

  38 15,275 2.6 JavaScript

  React components for efficiently rendering large lists and tabular data

Project mention: Virtual Scrolling in React: Implementation from scratch and using react-window | dev.to | 2023-11-05

As we have seen in the previous section we can implement virtual scrolling from scratch. In this section, we'll discuss a third-party tool called react-window that allows us to implement virtual scrolling in a much easier way.

• SurveyJS

  surveyjs.io featured

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• react-native-snap-carousel

  8 10,195 0.0 JavaScript

  Swiper/carousel component for React Native featuring previews, multiple layouts, parallax images, performant handling of huge numbers of items, and more. Compatible with Android & iOS.

  

• FSPagerView

  0 7,077 0.0 Swift

  FSPagerView is an elegant Screen Slide Library. It is extremely helpful for making Banner View、Product Show、Welcome/Guide Pages、Screen/ViewController Sliders.

• react-lazyload

  6 5,818 0.0 JavaScript

  Lazy load your component, image or anything matters the performance.

Project mention: The art of conditional rendering: Tips and tricks for React and Next.js developers | dev.to | 2023-10-30

In this situation, lazy loading, a popular technique used to defer the loading of resources until needed, can be implemented to defer rendering a component unless the user scrolls down to bring it into the viewport. One of the most popular lazy loading libraries in React, react-lazyload, makes use of conditional rendering to render components only when they are scrolled into the viewport of the user's browser or, in other words, are visible to the user.

• react-virtuoso

  9 4,840 7.7 TypeScript

  The most powerful virtual list component for React

Project mention: How to optimise React Apps? | dev.to | 2024-04-21

If we limit the number of rows rendered to only show the visible items, we can limit the cost of re-rendering the table. Even if there are a large number of rows in the table, only the ones on the screen will be rendered. That can be done by virtualization. I will use react-virtuoso for the app.

• vue-virtual-scroll-list

  3 4,267 3.8 JavaScript

  ⚡️A vue component support big amount data list with high render performance and efficient.

Project mention: Few questions about useInfiniteQuery from tanstack/vue-query for Nuxt 2 | /r/vuejs | 2023-11-17

How would it work with vue virtual scroll list The library requires a single items array from what I understand, do I have to do anything special to make it work with this library

• InfluxDB

  www.influxdata.com featured

  Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  

• react-infinite-calendar

  1 3,953 0.0 JavaScript

  ✨ Infinite scrolling date-picker built with React, with localization, range selection, themes, keyboard support, and more.

Project mention: 9 React Calendar Components for Your Next App | dev.to | 2024-04-25

• react-infinite-scroll-component

  1 2,760 0.0 TypeScript

  An awesome Infinite Scroll component in react.

• mypaint

  25 2,602 7.3 Python

  MyPaint is a simple drawing and painting program that works well with Wacom-style graphics tablets.

  

Project mention: Initial Desktop Setup Guide for Ubuntu 23.04 | dev.to | 2023-05-23

MyPaint - Digital Drawing

• react-native-reanimated-carousel

  9 2,445 8.6 TypeScript

  🎠 React Native swiper/carousel component, fully implemented using reanimated v2, support to iOS/Android/Web. (Swiper/Carousel)

• react-list

  1 1,953 0.0 JavaScript

  :scroll: A versatile infinite scroll React component.

• ESPullToRefresh

  0 1,810 0.0 Swift

  #Busy Re-Building....# An easy way to use pull to refresh and infinite scrolling in Swift. Pod 'ESPullToRefresh'

• react-cool-virtual

  6 1,204 4.3 TypeScript

  😎 ♻️ A tiny React hook for rendering large datasets like a breeze.

• UIScrollView-InfiniteScroll

  0 1,058 0.0 Objective-C

  UIScrollView ∞ scroll category

• virtua

  2 943 9.7 TypeScript

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

Project mention: Show HN: Virtua – zero-config virtualization components for React | news.ycombinator.com | 2023-07-17

• RSDayFlow

  0 842 0.0 Objective-C

  iOS 7+ Calendar (Date Picker) with Infinite Scrolling.

• masonic

  1 646 0.0 TypeScript

  🧱 High-performance masonry layouts for React

• react-infinity

  0 473 0.0 JavaScript

  A UITableView Inspired list and grid display solution with element culling and smooth animations

• react-infinite-scroll-hook

  1 419 2.8 TypeScript

  React hook for creating infinite scroll components.

• react-native-bidirectional-infinite-scroll

  1 231 0.0 TypeScript

  📜 React Native - Bidirectional Infinite Smooth Scroll

  

• react-infinite-grid

  0 203 0.0 JavaScript

  A React component which renders a grid of elements.

• vertical-collection

  1 174 2.8 JavaScript

  Infinite Scroll and Occlusion at > 60FPS

  

• SaaSHub

  www.saashub.com featured

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

  

Infinite Scroll related posts

• The Secret Weapon of Top Developers: 7 React JS Libraries You Can't Afford to Ignore

  5 projects | dev.to | 21 Feb 2024

• Few questions about useInfiniteQuery from tanstack/vue-query for Nuxt 2

  1 project | /r/vuejs | 17 Nov 2023

• Virtual Scrolling in React: Implementation from scratch and using react-window

  2 projects | dev.to | 5 Nov 2023

• React Virtualisation from scratch

  5 projects | dev.to | 6 Oct 2023

• Top 7 Libraries for Blazingly Fast ReactJS Applications

  6 projects | dev.to | 18 Aug 2023

• Show HN: Virtua – zero-config virtualization components for React

  1 project | news.ycombinator.com | 17 Jul 2023

• Is there a perfect virtual list solution in react?

  2 projects | /r/react | 9 Jul 2023
• A note from our sponsor - InfluxDB
  www.influxdata.com | 1 May 2024

  Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality. Learn more →

Index

Sponsored

SaaSHub - Software Alternatives and Reviews

SaaSHub helps you find the best software and product alternatives

www.saashub.com