The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning. Learn more →
Top 16 JavaScript Infinite Scroll Projects
-
SurveyJS
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
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.
-
vue-virtual-scroll-list
⚡️A vue component support big amount data list with high render performance and efficient.
-
react-infinite-calendar
✨ Infinite scrolling date-picker built with React, with localization, range selection, themes, keyboard support, and more.
-
WorkOS
The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
-
react-infinity
A UITableView Inspired list and grid display solution with element culling and smooth animations
-
-
infinite-tree
A browser-ready tree library that can efficiently display a large amount of data using infinite scrolling.
-
gigatables-react
GigaTables is a ReactJS plug-in to help web-developers process table-data in applications and CMS, CRM, ERP or similar systems.
-
react-recycled-scrolling
Simulate normal scrolling by using only fixed number of DOM elements for large lists of items with React Hooks
-
react-use-infinite-loader
:infinity: :page_with_curl: :hourglass_flowing_sand: Super lightweight infinite loading hook for React apps
-
virtual-scroller
A custom web component for efficiently rendering lists with large number of elements. (by holmberd)
-
InfluxDB
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.
Project mention: The Secret Weapon of Top Developers: 7 React JS Libraries You Can't Afford to Ignore | dev.to | 2024-02-21You 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.
Project mention: Virtual Scrolling in React: Implementation from scratch and using react-window | dev.to | 2023-11-05As 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.
Project mention: The art of conditional rendering: Tips and tricks for React and Next.js developers | dev.to | 2023-10-30In 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.
Project mention: Few questions about useInfiniteQuery from tanstack/vue-query for Nuxt 2 | /r/vuejs | 2023-11-17How 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
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).
JavaScript Infinite Scroll related posts
- Few questions about useInfiniteQuery from tanstack/vue-query for Nuxt 2
- Virtual Scrolling in React: Implementation from scratch and using react-window
- React Virtualisation from scratch
- Is there a perfect virtual list solution in react?
- Help creating an infinite scroll and skew scroll animation at the same time
- Memoizing table rows in a table that can be filtered
- Faster re-rending of table when only inserts are needed
-
A note from our sponsor - WorkOS
workos.com | 25 Apr 2024
Index
What are some of the best open-source Infinite Scroll projects in JavaScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | react-virtualized | 25,951 |
| 2 | react-window | 15,254 |
| 3 | react-native-snap-carousel | 10,186 |
| 4 | react-lazyload | 5,818 |
| 5 | vue-virtual-scroll-list | 4,267 |
| 6 | react-infinite-calendar | 3,953 |
| 7 | react-list | 1,952 |
| 8 | react-infinity | 473 |
| 9 | react-infinite-grid | 203 |
| 10 | vertical-collection | 174 |
| 11 | infinite-tree | 161 |
| 12 | gigatables-react | 142 |
| 13 | react-simple-infinite-loading | 59 |
| 14 | react-recycled-scrolling | 30 |
| 15 | react-use-infinite-loader | 15 |
| 16 | virtual-scroller | 3 |
Sponsored
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.
www.influxdata.com