Tablur — Database Schema Visualization for VS Code

Visualize, design, and manage your database schema directly inside VS Code. Tablur parses your ORM code and generates interactive ER diagrams — no configuration needed. Supports 8 ORM frameworks, 4 SQL dialects, and AI-powered schema editing.

Features

Interactive ER Diagrams

• Drag-and-drop entity cards with real-time position sync
• Smooth bezier curve relationship lines with cardinality labels (1:1, 1:N, N:M)
• Connection ports on entity cards for creating relations visually
• Hover highlighting — connected entities, FK columns, and relation paths light up
• Three detail modes: All Fields, Keys Only, and Table Names Only
• Minimap overview for navigating large schemas
• Dot grid background (toggleable)
• Zoom (30%–200%) with mouse wheel and fit-to-screen button
• Pan mode — hold spacebar or toggle to drag canvas
• 10-color auto-rotation palette for entity cards
• Column indicators: 🔑 PK, 🔗 FK, ⭐ Unique, ⚡ Indexed

Schema Editing

• Add / Remove / Rename Entities — create tables with initial columns, delete with automatic relation cleanup
• Add / Remove / Edit Columns — name, type, nullable, unique, primary key, auto-increment, default value, foreign key
• 10 Column Types — Int, BigInt, Float, Decimal, String, Text, Boolean, DateTime, Json, Bytes
• Add Indexes — single or composite, with unique constraint toggle
• Create / Remove Relations — drag port-to-port or use a modal dialog; automatic FK column creation
• All mutations are immutable — every edit returns a new schema state

8 ORM Parsers

• Auto-detects ORM framework from file patterns and code signatures
• Extracts models, columns, types, relations, indexes, and enums
• Multi-file workspace scanning and entity consolidation
• Reports parsing errors and warnings with line numbers

SQL Export (4 Dialects)

• PostgreSQL — SERIAL, JSONB, WITH TIME ZONE, double-quote identifiers
• MySQL — AUTO_INCREMENT, JSON, DATETIME, backtick identifiers
• SQLite — AUTOINCREMENT, limited type mapping
• MSSQL — IDENTITY(1,1), NVARCHAR(MAX), bracket identifiers
• Options: DROP IF EXISTS, indexes, IF NOT EXISTS, column comments
• Tables topologically sorted by foreign key dependencies

Code Generation (8 ORMs)

Generate idiomatic source files for Prisma, TypeORM, Sequelize, Drizzle, SQLAlchemy, Django, Entity Framework, and Hibernate/JPA — complete with imports, decorators, annotations, and type mappings.

Diagram & Data Export

• PNG — High-resolution (2×) screenshot with transparency
• SVG — Resolution-independent vector format (Pro)
• Mermaid — .mmd format for Markdown, GitHub READMEs, and wikis
• DBML — Database Markup Language
• JSON — Full schema for interoperability
• Documentation — PDF, HTML, Markdown, DOCX (Team)

AI-Powered Schema Assistant

• Natural language commands: "Add a table called Users", "Add column email to User", "Suggest indexes"
• Cloud AI integration with GPT-4 / Claude (Pro and Team plans)
• Local AI fallback for basic commands on the Free tier
• Conversation session management — create, switch, and delete sessions
• Markdown rendering in AI responses with inline code highlighting
• Changes apply directly to the diagram
• Monthly quotas — Pro: 300 messages, Team: 1,000 messages per seat

Cloud Save & Version Control (Pro / Team)

• Save schema snapshots with version names and commit messages
• Version history viewer with metadata
• Revision comparison — diff viewer showing additions and deletions
• Restore previous schema versions

Collaboration (Team)

• Share projects with permission levels: View Only, Edit, Share
• Review comments — threaded discussions on entities with unresolved count badges
• Seat tracking with per-seat billing

Authentication

• Sign In / Sign Out with secure token storage via VS Code secret storage
• Browser-based OAuth flow with URI handler
• Google OAuth social login
• In-webview auth modal with email & password
• Session persistence across restarts

Getting Started

1. Install the extension from the VS Code Marketplace
2. Open a project containing ORM schema files (e.g. schema.prisma, *.entity.ts, models.py)
3. Run Tablur: Open Diagram from the Command Palette or press Cmd+Shift+D / Ctrl+Shift+D

The extension auto-detects your schema files and renders the ER diagram instantly. A file watcher keeps the diagram in sync as you edit your code.

Commands

Settings

Plans

Learn more at tablur.io

Requirements

• VS Code 1.85.0 or later
• A project with supported ORM schema files

Feedback & Issues

Found a bug or have a feature request? Reach out at tablur.io/contact

License

MIT