ONE CONTRACT, ONE VIEWER, EVERY FRAMEWORK

Laranex.
Schema Viewer UI

The shared ERD viewer and the laranex-schema contract
behind the Laravel, Python and Node.js schema viewers.

React FlowELK layoutlaranex-schema 2.0JSON SchemaNo Node.js at runtimeMIT

install

$npm install laranex-schema-viewer-ui

A React component, a standalone static bundle for Laravel and Python hosts, and the contract: types, JSON Schema, validator, graph builder and conformance fixtures.

Copy command

Get started →Explore the live demo

One contract, one viewer

One JSON contract

Laravel, Python and Node.js packages all write the same versioned laranex-schema document, with a JSON Schema, a validator and shared conformance fixtures.

One shared viewer

A React Flow ERD with ELK layout, separate foreign-key and ORM layers, indexes, constraints, diagnostics and drift — the same in every host.

Database, declared or both

The contract records whether metadata came from the database, the ORM or both, what each source covered, and where they disagree.

No Node.js at runtime

Laravel and Python hosts serve a prebuilt static bundle that runs under a strict Content-Security-Policy.

Try it before installing

INTERACTIVE DEMOSchema Blog · combined (Eloquent)Drift · combined (SQLAlchemy)Shop · declared (SQLAlchemy)PostgreSQL indexesMySQL indexesSQLite indexesThree connectionsTenant schemas comparedIncomplete comparisonMigration statusInferred associations

Loading the demo when it comes into view…Open full screen ↗

Every schema in the demo is synthetic: invented tables built for the contract's test fixtures. No application data is included.