https://github.com/pdanpdan/virtual-scroll
High-performance Vue 3 virtual scrolling library
https://github.com/pdanpdan/virtual-scroll
dynamic-size fenwick-tree frontend gris-view infinite-scroll javascript list-view performance ssg ssr typescript ui-components virtual-list virtual-scroll virtual-scrolling vue vue3 windowing
Last synced: 21 days ago
JSON representation
High-performance Vue 3 virtual scrolling library
- Host: GitHub
- URL: https://github.com/pdanpdan/virtual-scroll
- Owner: pdanpdan
- License: mit
- Created: 2026-01-17T17:26:20.000Z (about 1 month ago)
- Default Branch: main
- Last Pushed: 2026-02-01T02:33:30.000Z (28 days ago)
- Last Synced: 2026-02-01T13:45:35.628Z (27 days ago)
- Topics: dynamic-size, fenwick-tree, frontend, gris-view, infinite-scroll, javascript, list-view, performance, ssg, ssr, typescript, ui-components, virtual-list, virtual-scroll, virtual-scrolling, vue, vue3, windowing
- Language: TypeScript
- Homepage: https://pdanpdan.github.io/virtual-scroll/
- Size: 5.21 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Code of conduct: .github/CODE_OF_CONDUCT.md
Awesome Lists containing this project
- awesome-vue - virtual-scroll - High-performance Vue 3 virtual scroll library designed to handle massive lists with ease. Supports vertical, horizontal, and bidirectional (grid) scrolling, dynamic item sizes using ResizeObserver, full support for Right-to-Left (RTL) layouts, build in a11y. (Components & Libraries / UI Layout)
- fucking-awesome-vue - virtual-scroll - High-performance Vue 3 virtual scroll library designed to handle massive lists with ease. Supports vertical, horizontal, and bidirectional (grid) scrolling, dynamic item sizes using ResizeObserver, full support for Right-to-Left (RTL) layouts, build in a11y. (Components & Libraries / UI Layout)
README
# @pdanpdan/virtual-scroll
A high-performance, flexible virtual scrolling component for Vue 3 that supports massive datasets (up to billions of pixels) through coordinate scaling.
[](https://www.npmjs.com/package/@pdanpdan/virtual-scroll)
[](./LICENSE)
## Links
- **Documentation & Live Examples:** [https://pdanpdan.github.io/virtual-scroll/](https://pdanpdan.github.io/virtual-scroll/)
- **LLM Documentation:** [llms.txt](./packages/playground/public/llms.txt) ([web](https://pdanpdan.github.io/virtual-scroll/llms.txt))
- **NPM Package:** [https://www.npmjs.com/package/@pdanpdan/virtual-scroll](https://www.npmjs.com/package/@pdanpdan/virtual-scroll)
- **GitHub Repository:** [https://github.com/pdanpdan/virtual-scroll](https://github.com/pdanpdan/virtual-scroll)
## Project Structure
This is a monorepo managed by `pnpm`.
- **[`@pdanpdan/virtual-scroll`](./packages/virtual-scroll)**: The core library.
- **[`playground`](./packages/playground)**: Documentation and demonstration environment.
## Getting Started
### Installation
```bash
pnpm install
```
### Development
Start the playground in development mode (with SSR and HMR enabled for the library):
```bash
pnpm dev
```
### Build
Build all packages:
```bash
pnpm build
```
### Testing
Run all checks (linting, type checking, tests) for the core library:
```bash
pnpm test:all
```
## License
MIT