Prisma UML Viewer

Visualize your Prisma schemas as interactive ERD diagrams.

Features

• Real-time schema parsing
• Interactive drag & drop diagrams with zoom and minimap
• Compatible with Prisma 5, 6 and 7
• Export to Mermaid, PlantUML, DBML
• Auto-layout with dagre

Tech Stack

• Framework: Next.js 16 (App Router)
• UI: React 19, Tailwind CSS 4
• Diagrams: ReactFlow
• Monorepo: pnpm + Turborepo

Packages

• @prisma-uml/parser - Schema parsing and export

Getting Started

pnpm install
pnpm dev

Open http://localhost:3000

Build

pnpm build
pnpm start

Author

Jessy DAVID

Acknowledgements

• prisma-generate-uml - Inspiration for this project
• Prisma - Next-generation ORM
• ReactFlow - Interactive node-based diagrams
• Next.js - React framework
• Tailwind CSS - Utility-first CSS
• dagre - Graph layout algorithm
• Monaco Editor - Code editor

License

MIT