## File: README.md # vue-virtual-scroller [ ](https://www.npmjs.com/package/vue-virtual-scroller) [](https://vuejs.org/) [Documentation](https://vue-virtual-scroller.netlify.app/) Blazing fast scrolling of any amount of data | [Live demo](https://vue-virtual-scroller-demo.netlify.app/) | [Video demo](https://www.youtube.com/watch?v=Uzq1KQV8f4k) For Vue 2 support, see [here](https://github.com/Akryum/vue-virtual-scroller/tree/v1/packages/vue-virtual-scroller) This package ships ESM only in the current Vue 3 line. Use it with an ESM-aware toolchain such as Vite, Nuxt, Rollup, or webpack 5. [💚️ Become a Sponsor](https://github.com/sponsors/Akryum) ## Sponsors --- ## File: packages/vue-virtual-scroller/README.md # vue-virtual-scroller [ ](https://www.npmjs.com/package/vue-virtual-scroller) [](https://vuejs.org/) [Documentation](https://vue-virtual-scroller.netlify.app/) Blazing fast scrolling of any amount of data | [Live demo](https://vue-virtual-scroller-demo.netlify.app/) | [Video demo](https://www.youtube.com/watch?v=Uzq1KQV8f4k) For Vue 2 support, see [here](https://github.com/Akryum/vue-virtual-scroller/tree/v1/packages/vue-virtual-scroller) This package ships ESM only in the current Vue 3 line and requires Vue 3.3+ for the generic component typing surface. Use it with an ESM-aware toolchain such as Vite, Nuxt, Rollup, or webpack 5. [💚️ Become a Sponsor](https://github.com/sponsors/Akryum) ## Sponsors --- ## File: packages/demo/README.md # vue-virtual-scroller-demos > Demos for vue-virtual-scroller ## Build Setup ``` bash # install dependencies yarn install # serve with hot reload at localhost:8080 yarn run dev # build for production with minification yarn run build ``` --- ## File: docs/index.md --- layout: home hero: name: Vue Virtual Scroller tagline: Render large Vue lists smoothly, without giving up control over your UI. actions: - theme: brand text: Get Started link: /guide/ - theme: alt text: View on GitHub link: https://github.com/Akryum/vue-virtual-scroller features: - title: Built for Large Lists details: Render only what is visible, keep DOM work low, and stay responsive even with large datasets. icon: ⚡ - title: RecycleScroller details: The default choice for lists with known sizes or data-driven sizes that are already available. icon: ♻️ - title: DynamicScroller details: Measure rows as they render when item height or width is not known ahead of time. icon: ↕️ - title: Headless APIs details: Use the same virtualization engine with your own markup, semantics, and design system components. icon: 🧠 ---