Warper - Ultra-Fast React Virtualization | 10M+ Rows at 120 FPS

2 min read Original article โ†—

Open Source ยท MIT License v7.0

VIRTUALIZE AT
120 FPS

The fastest React virtualization library. Powered by Rust and WebAssembly for buttery-smooth scrolling with 10M+ items.

Loading syntax highlighting...

Trusted by developers worldwide

Vercel Stripe Linear Notion Figma

โšก

Zero-Allocation Hot Paths

TypedArrays (Int32Array, Float64Array) replace regular arrays for zero GC pressure during scrolling

๐Ÿ”„

O(1) Circular Buffers

Replaced push()/shift() with constant-time circular buffer operations for frame timing

๐Ÿ“Š

Enhanced Benchmarks

Score levels from Outstanding to Poor with emoji indicators for intuitive performance assessment

๐Ÿ“ฆ

Universal Bundler Support

Works with Vite, Webpack, Rollup, esbuild, Parcel, and Next.js out of the box

๐Ÿ“ฑ

Responsive Examples

All demo examples now fully responsive for mobile, tablet, and desktop viewports

๐Ÿค–

Context7 MCP Ready

Use AI assistants with Context7 MCP for intelligent help with Warper integration

Rust + WebAssembly Core

Performance-critical calculations run in compiled WebAssembly. Binary search, range calculations, and offset lookups at near-native speed.

O(1) Constant-Time Lookups

Fenwick trees enable instant offset calculations for any index. No more O(n) linear scans on every scroll event.

Zero GC Pressure

Pre-allocated memory pools and typed arrays eliminate garbage collection pauses during scroll for consistent 120+ FPS.

Variable Row Heights

Full support for dynamic item sizes with Fenwick tree recalculations in O(log n) time. Measure once, scroll forever.

GPU-Accelerated Rendering

CSS transform3d() with contain: strict for hardware-accelerated compositing. Zero layout thrashing.

Universal Browser Support

Works flawlessly on Chrome, Firefox, Safari, and Edge. Mobile-optimized with touch inertia support.

Performance

2ร— Faster Than the Competition

Real-world benchmarks show Warper outperforming other virtualization libraries under heavy load. Scroll through 1 million rows while maintaining buttery-smooth 120 FPS.

Scroll Performance (FPS) โ€” Higher is better

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 โœ“ โœ“ โœ“ โœ“

Get Started in Seconds

Install Warper with your favorite package manager

$ npm install @itsmeadarsh/warper

Read the Docs Star on GitHub