We launched an interactive playground for EliteGrid — try it in your browser

Today the EliteGrid playground went live at elitegrid.dev/playground.

EliteGrid is a TypeScript data grid library with React and Vue adapters. We wanted developers to be able to feel it before installing anything, so We built a playground with a real code editor and live preview side by side.

Why a playground?

Data grid libraries are hard to evaluate from docs alone. You need to see how it handles large datasets, how the API reads when you write it yourself, how editing and validation feel in practice. A README can't show you that.

So the playground came before the npm publish.

What's in it

Virtual Scroll — 10K Rows
10,000 rows rendered with virtual scrolling. Scroll fast, scroll slow — see how it holds up.

Real API — Live Fetch
Grid wired to a real API endpoint. Shows how async data sources work in EliteGrid.

Inline Edit — Validated
Edit cells inline with validation rules. Trigger an error state, see how it surfaces.

CSV Export — Multi-Scope
Export selected rows, current page, or the full dataset. Three modes, one API call.

Switch between React and Vue from the top nav — same config API, both adapters.

What I'm looking for

Honest feedback. What's missing? What feels awkward in the API? What scenario do you hit in production that isn't covered here?

Try it at elitegrid.dev/playground and drop a comment.