The fastest React virtualization library. Powered by Rust and WebAssembly for buttery-smooth scrolling with 10M+ items.
Performance optimizations and universal bundler compatibility
TypedArrays (Int32Array, Float64Array) replace regular arrays for zero GC pressure during scrolling
Replaced push()/shift() with constant-time circular buffer operations for frame timing
Score levels from Outstanding to Poor with emoji indicators for intuitive performance assessment
Works with Vite, Webpack, Rollup, esbuild, Parcel, and Next.js out of the box
All demo examples now fully responsive for mobile, tablet, and desktop viewports
Use AI assistants with Context7 MCP for intelligent help with Warper integration
Every millisecond counts. We've obsessed over every optimization to deliver the smoothest scrolling experience possible.
Performance-critical calculations run in compiled WebAssembly. Binary search, range calculations, and offset lookups at near-native speed.
Fenwick trees enable instant offset calculations for any index. No more O(n) linear scans on every scroll event.
Pre-allocated memory pools and typed arrays eliminate garbage collection pauses during scroll for consistent 120+ FPS.
Full support for dynamic item sizes with Fenwick tree recalculations in O(log n) time. Measure once, scroll forever.
CSS transform3d() with contain: strict for hardware-accelerated compositing. Zero layout thrashing.
Works flawlessly on Chrome, Firefox, Safari, and Edge. Mobile-optimized with touch inertia support.
Real-world benchmarks show Warper outperforming other virtualization libraries under heavy load. Scroll through 1 million rows while maintaining buttery-smooth 120 FPS.
Interactive examples showcasing Warper's capabilities. Click any card to launch.
Push the limits with up to 10 million rows. Real-time FPS monitoring with multiple scroll patterns.
Employee records with status indicators and metrics. Uniform row heights for maximum performance.
Configurable data grid with multiple columns and color-coded values. Excel-like experience.
Message thread with variable height messages, code blocks, and dynamic content.
Hierarchical tree view with file icons, nested folders, and expand/collapse.
Feature comparison with popular React virtualization libraries.
| Feature | Warper | react-window | react-virtualized | tanstack-virtual |
|---|---|---|---|---|
| Bundle Size (gzip) | ~8.7KB | ~6KB | ~25KB | ~12KB |
| WebAssembly Engine | ✓ | ✗ | ✗ | ✗ |
| O(1) Fixed Height | ✓ | ✗ | ✗ | ✗ |
| O(log n) Variable Height | ✓ | ✗ | ✗ | ✗ |
| Zero-Copy Arrays | ✓ | ✗ | ✗ | ✗ |
| GPU Acceleration | ✓ | Limited | Limited | Limited |
| Adaptive Overscan | ✓ | ✗ | ✗ | ✗ |
| TypeScript | ✓ | ✓ | ✓ | ✓ |
Install Warper with your favorite package manager
$ npm install @itsmeadarsh/warper