TanStackVirtuell

Headless UI für die Virtualisierung großer Elementlisten

Virtualisieren Sie nur sichtbare Inhalte für massive scrollbare DOM-Knoten mit 60 FPS in TS/JS, React, Vue, Solid, Svelte, Lit & Angular, während Sie die volle Kontrolle über Markup und Stile behalten.

Erste Schritte
888888888289.279.980
NPM Downloads
6.305
Sterne auf GitHub
126
Mitwirkende auf Github
348,165
Abhängigkeiten auf Github

Entwickelt für Zero Design

Headless Virtualization bedeutet, dass Sie immer die Kontrolle über Ihr Markup, Ihre Stile und Komponenten haben. Entwerfen und implementieren Sie die schönste Benutzeroberfläche, die Sie sich vorstellen können, und überlassen Sie uns die schwierigen Teile.

Große Leistung, kleines Paket

Lassen Sie sich nicht vom kleinen Bundle-Größe täuschen. TanStack Virtual nutzt jedes Byte, um eine leistungsstarke Performance zu liefern. Schließlich ist 60 FPS sind heutzutage Standard und wir weigern uns, etwas für dieses 🧈-lich flüssige UX zu opfern.

Maximale Komponierbarkeit

Mit einer einzigen Funktion/Hook erhalten Sie grenzenlose Virtualisierung für vertikale, horizontale und rasterähnliche Layouts. Die API ist winzig (buchstäblich 1 Funktion), aber ihre Komponierbarkeit ist es nicht.

Framework-unabhängig & funktionsreich

Leichtgewichtig (10 - 15 KB) Tree-Shaking Headless Vertikale/Spalten-Virtualisierung Horizontale/Zeilen-Virtualisierung Raster-Virtualisierung Fensterscrollen Feste Größe Variable Größe Dynamische/Gemessene Größe Scroll-Utilities Haftende Elemente
Eine Anzeige für ein Open-Source-Projekt? Was ist das, 1999?
Bitte... TanStack ist zu 100 % privat geführt, ohne bezahlte Produkte, Risikokapital oder Übernahmepläne. Wir sind ein kleines Team, das sich der Erstellung von Software widmet, die täglich von Millionen genutzt wird. Was haben Sie erwartet?
Lesen Sie unser Ethos um mehr darüber zu erfahren, wie wir planen, langfristig relevant zu bleiben.

Probieren Sie es aus!

Mit nur wenigen Divs und einigen Inline-Stilen sind Sie bereits auf dem besten Weg, ein extrem leistungsfähiges Virtualisierungserlebnis zu schaffen.

Wow, Sie haben es weit gebracht!
Nur noch eins zu tun...
Jetzt starten!