npm install @picadeck/core

Visualize Your Database Schema

Add two lines to your Express, NestJS, or Next.js app. Get an interactive, auto-layouted schema diagram at any route.

import { schemaVisualizer } from "@picadeck/core";
import { parseMongooseModels } from "@picadeck/mongoose-parser";

app.use("/schema", schemaVisualizer(parseMongooseModels(mongoose.models)));

Works With Your Stack

First-class parsers for the most popular ORMs and query builders.

Mongoose

MongoDB

Parse Mongoose models and schemas into visual diagrams

@picadeck/mongoose-parser

TypeORM

SQL & NoSQL

Extract entities and relations from your TypeORM DataSource

@picadeck/typeorm-parser

Prisma

Any Database

Parse your .prisma schema file with full relation support

@picadeck/prisma-parser

Sequelize

SQL Databases

Visualize models registered on your Sequelize instance

@picadeck/sequelize-parser

Drizzle ORM

TypeScript-first

Pass your Drizzle schema objects for instant visualization

@picadeck/drizzle-parser

Raw SQL

PostgreSQL & MySQL

Parse CREATE TABLE statements from SQL DDL strings or files

@picadeck/sql-parser

Your Framework, Supported

Native integrations for Express, NestJS, and Next.js.

Express.js

Drop-in middleware for any Express application

app.use("/schema", schemaVisualizer(schema));

NestJS

Dynamic module with automatic ORM detection

SchemaVisualizerModule.autoDetect({ route: "/schema" })

Next.js

App Router handler for API routes

export const GET = createSchemaHandler({ parser: ... })

How It Works

Three steps. Two lines of code. One interactive diagram.

Install

Add the core package and your ORM parser of choice.

npm install @picadeck/core @picadeck/mongoose-parser

Add Two Lines

Import the middleware and mount it at any route.

import { schemaVisualizer } from "@picadeck/core";
app.use("/schema", schemaVisualizer(schema));

Open /schema

Visit your route in the browser to see your interactive schema diagram. That's it.

Built for Developers

Everything you need, nothing you don't.

Interactive Canvas

Auto Layout

Hierarchical algorithm organizes tables by their relationships. No manual arrangement needed.

Light & Dark Theme

Matches your system preference out of the box, with a toggle to switch in the UI.

Zero Dependencies

Single HTML response with embedded JS and CSS. No CDN requests, no external API calls.

Type Safe

Full TypeScript support with exported types for UniversalSchema and all parser functions.

Self Contained

Everything bundled into one HTML page. Serve it from any route, works offline after load.

Ready to visualize your schema?

Get started in under a minute. No configuration required.

npm install @picadeck/core

Read the Docs