Tabula Lens
The DatabaseViewer component — live in your React app
| id ↑ | name ⇅ | role | created_at | |
|---|---|---|---|---|
| 1 | Alice Chen | [email protected] | admin | 2024-01-12 |
| 2 | Bob Martin | [email protected] | user | 2024-02-03 |
| 3 | Carol Smith | [email protected] | user | 2024-02-18 |
| 4 | Dan Torres | [email protected] | user | 2024-03-05 |
How it works
Two packages. One endpoint. One component.
Install
npm install @tabula-lens/node
npm install @tabula-lens/react
One backend package for your Node.js server. One React component library for your frontend.
Register
app.use('/api/db',
expressAdapter(tabulaLens)) One route. Database queries stay on your server — credentials never reach the client.
View
<DatabaseViewer path="/api/db" />
Drop in the component. Your database is immediately browsable, filterable, and paginated.
Everything you need
Built for production, usable in minutes.
Security First
Database credentials never leave the backend. Your connection strings stay on the server — always.
15 Adapters
Express, Fastify, Koa, Hono, Next.js, TanStack Start, Bun, Elysia, and more — use your existing server.
Full-Featured Table
Pagination, column sorting, row filtering, and configurable page sizes — all built in, zero configuration.
TypeScript Native
Fully typed with strict type checking, IntelliSense support, and type-safe props throughout the API.
Fully Customizable
Override styles with CSS custom properties, className overrides, or swap in your own sub-components.
Zero Infrastructure
Works with your existing database, backend, and auth — no new services, no extra infrastructure.
Supported frameworks
Adapters for your stack
Add a database viewer in 5 minutes
Works with your existing PostgreSQL database, Node.js backend, and React frontend — no new infrastructure needed.
Documentation feedback
Found an issue with the documentation?
Report an issue on GitHub