diff --git a/README.md b/README.md index 0177a80a2..2a437f2f9 100644 --- a/README.md +++ b/README.md @@ -1,38 +1,105 @@ -![React Virtual Header](https://github.com/tanstack/virtual/raw/main/media/header.png) - -Headless UI for virtualizing scrollable elements in TS/JS and React - - - #TanStack - - - - - - - - semantic-release - - Join the discussion on Github - - - - - +
+ Tanstack Virtual +

-
-Enjoy this library? Try the entire [TanStack](https://tanstack.com)! [React Query](https://github.com/TanStack/react-query), [TanStack Table](https://github.com/TanStack/table), [React Charts](https://github.com/TanStack/react-charts) +
+ + npm downloads + + + github stars + + + bundle size + +
+ +
+ + semantic-release + + + Best of JS + + + Follow @TanStack + +
+ +
+ +### [Become a Sponsor!](https://github.com/sponsors/tannerlinsley/) + +
+ +# TanStack Virtual + +A headless, framework‑agnostic virtualization library for rendering massive lists, grids, and tables at 60FPS while giving you full control over markup and styles. + +- Framework‑agnostic & headless +- Virtualizes vertical, horizontal & grid layouts with a single hook/function +- Lightweight (10–15kb) yet powerful, with dynamic & measured sizing support +- Smooth 60FPS scrolling with sticky items and window‑scrolling utilities + +### Read the docs → + +## Get Involved + +- We welcome issues and pull requests! +- Participate in [GitHub discussions](https://github.com/TanStack/virtual/discussions) +- Chat with the community on [Discord](https://discord.com/invite/WrRKjPJ) +- See [CONTRIBUTING.md](./CONTRIBUTING.md) for setup instructions + +## Partners -## Visit [tanstack.com/virtual](https://tanstack.com/virtual) for docs, guides, API and more! + + + + + +
+ + + + + CodeRabbit + + + + + + + + Cloudflare + + +
+ + +
+Virtual & you? +

+We're looking for TanStack Virtual Partners to join our mission! Partner with us to push the boundaries of TanStack Virtual and build amazing things together. +

+LET'S CHAT +
+ +## Explore the TanStack Ecosystem -## Quick Features +- TanStack Config – Tooling for JS/TS packages +- TanStack DB – Reactive sync client store +- TanStack DevTools – Unified devtools panel +- TanStack Form – Type‑safe form state +- TanStack Pacer – Debouncing, throttling, batching
+- TanStack Query – Async state & caching +- TanStack Ranger – Range & slider primitives +- TanStack Router – Type‑safe routing, caching & URL state +- TanStack Start – Full‑stack SSR & streaming +- TanStack Store – Reactive data store +- TanStack Table – Headless datagrids -- Row, Column, and Grid virtualization -- One single **headless** function -- Fixed, variable and dynamic measurement modes -- Imperative scrollTo control for offset, indices and alignment -- Custom scrolling function support (eg. smooth scroll) +… and more at TanStack.com » - + diff --git a/media/header_virtual.png b/media/header_virtual.png new file mode 100644 index 000000000..ae7c31746 Binary files /dev/null and b/media/header_virtual.png differ diff --git a/media/partner_logo.svg b/media/partner_logo.svg new file mode 100644 index 000000000..5379c2d0f --- /dev/null +++ b/media/partner_logo.svg @@ -0,0 +1,26 @@ + + + + + + VIRTUAL + + + + + + + + + + + YOU? + + \ No newline at end of file