https://github.com/nowaalex/af-virtual-scroll

Simple open-source tools that just work (usually fast)
https://github.com/nowaalex/af-virtual-scroll

algorithms astro esbuild infinite-scroll performance react react-components scrollend-event scrollend-polyfill typescript virtual-list virtual-scroll virtualization windowing

Last synced: 13 days ago
JSON representation

Simple open-source tools that just work (usually fast)

• Host: GitHub
• URL: https://github.com/nowaalex/af-virtual-scroll
• Owner: nowaalex
• License: mit
• Created: 2019-12-15T00:18:12.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2024-11-02T12:46:16.000Z (about 1 month ago)
• Last Synced: 2024-11-14T01:34:38.103Z (29 days ago)
• Topics: algorithms, astro, esbuild, infinite-scroll, performance, react, react-components, scrollend-event, scrollend-polyfill, typescript, virtual-list, virtual-scroll, virtualization, windowing
• Language: TypeScript
• Homepage: https://af-utils.com
• Size: 7.01 MB
• Stars: 76
• Watchers: 5
• Forks: 5
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-react-components - af-virtual-scroll - [demo/docs](https://af-virtual-scroll.vercel.app/docs/why) - Render large scrollable lists and tables. (UI Components / Infinite Scroll)
• awesome-react - af-virtual-scroll - Render large scrollable lists and tables.  (UI Components / Infinite Scroll / Virtualized List / Virtualized Tree)

README

        
# af-utils/\*

Simple open-source tools that just work _(usually fast)_

## [Virtual scroll](https://af-utils.com/virtual)

![Virtual scroll opengraph image](website/src/assets/og/virtual.png)

### Features

-   [vertical](https://af-utils.com/virtual/examples/react/list/simple) / [horizontal](https://af-utils.com/virtual/examples/react/list/horizontal) / [grid](https://af-utils.com/virtual/examples/react/hook/grid) / [custom](https://af-utils.com/virtual/examples/react/hook/custom-render) modes

-   [dynamic item sizes](https://af-utils.com/virtual/examples/react/list/variable-size-list)

-   [sticky header and footer](https://af-utils.com/virtual/examples/react/list/sticky-header-and-footer)

-   [scrollToIndex method](https://af-utils.com/virtual/examples/react/list/scroll-to-item)

-   [load on demand](https://af-utils.com/virtual/examples/react/list/load-on-demand)

-   [window scroll](https://af-utils.com/virtual/examples/react/hook/window-scroll)

-   [material-ui](https://af-utils.com/virtual/examples/react/list/material-ui) / [bootstrap](https://af-utils.com/virtual/examples/react/list/bootstrap) integration

## [Scrollend polyfill](https://af-utils.com/scrollend-polyfill)

![Scrollend polyfill opengraph image](website/src/assets/og/scrollend-polyfill.png)