https://github.com/tanstack/virtual

🤖 Headless UI for Virtualizing Large Element Lists in JS/TS, React, Solid, Vue and Svelte
https://github.com/tanstack/virtual

javascript performance react reactjs scrolling solid solidjs svelte virtualization virtualized vue

Last synced: about 3 hours ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/tanstack/virtual
• Owner: TanStack
• License: mit
• Created: 2020-05-08T07:25:21.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2024-08-14T12:21:25.000Z (about 1 month ago)
• Last Synced: 2024-08-18T01:01:34.213Z (about 1 month ago)
• Topics: javascript, performance, react, reactjs, scrolling, solid, solidjs, svelte, virtualization, virtualized, vue
• Language: TypeScript
• Homepage: https://tanstack.com/virtual
• Size: 5.46 MB
• Stars: 5,315
• Watchers: 34
• Forks: 283
• Open Issues: 52
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

        
![React Virtual Header](https://github.com/tanstack/virtual/raw/main/media/header.png)

Headless UI for virtualizing scrollable elements in TS/JS and React



  







  



  



    

  

  



  



  









Enjoy this library? Try the entire [TanStack](https://tanstack.com)! [React Query](https://github.com/TanStack/react-query), [TanStack Table](https://github.com/TanStack/table), [React Charts](https://github.com/TanStack/react-charts)

## Visit [tanstack.com/virtual](https://tanstack.com/virtual) for docs, guides, API and more!

## Quick Features

- Row, Column, and Grid virtualization

- One single **headless** function

- Fixed, variable and dynamic measurement modes

- Imperative scrollTo control for offset, indices and alignment

- Custom scrolling function support (eg. smooth scroll)