Getting Started with tablur.io

tablur.io is an AI-powered database schema visualization tool that generates interactive ER diagrams directly from your ORM source code. Whether you're using Prisma, TypeORM, Django, SQLAlchemy, Entity Framework, Hibernate, Sequelize, or Drizzle, tablur.io automatically parses your schema files and creates beautiful, interactive diagrams.

Two Ways to Use tablur.io

🌐 Web App

Use tablur.io directly in your browser at app.tablur.io. No installation needed. Perfect for quick schema visualization, collaboration, and cloud-synced projects.

  1. Go to app.tablur.io or click "Open Editor" on the homepage
  2. You land on the diagram canvas — an empty editor ready to use
  3. Click Import to paste ORM code, SQL, or JSON — or click + Add Entity to start from scratch
  4. tablur.io auto-detects your ORM framework and renders entities as draggable cards with relationship lines
  5. Sign in to save projects to the cloud, collaborate with your team, and sync across devices

💻 VS Code Extension

Install the VS Code extension for seamless integration with your development workflow. It auto-detects schema files in your workspace and updates diagrams in real-time as you code.

  1. Install the "Tablur" extension from the VS Code Marketplace
  2. Open a project that contains ORM schema files (e.g., .prisma, .entity.ts, .cs, .java)
  3. The extension auto-detects your schema files and shows a Tablur status bar item
  4. Click the status bar item, use Cmd+Shift+D, or run Tablur: Open Diagram from the command palette
  5. The diagram panel opens with your parsed schema — fully interactive with all editor features
  6. Edit your source files — the diagram updates automatically on save

How Schema Rendering Works

When you import ORM code or the extension detects schema files, tablur.io follows this pipeline:

  1. Detection: Multi-signal analysis of file paths, naming patterns, and code signatures identifies your ORM framework automatically
  2. Parsing: The ORM-specific parser extracts entity definitions, column types, constraints, relationships, and indexes from your source code. Only entity classes are parsed — DTOs, services, and other non-entity files are filtered out
  3. Positioning: Entities are auto-placed on a 3-column grid layout. You can drag them anywhere after rendering
  4. Rendering: Each entity becomes a draggable card showing columns with type badges (PK, FK, Unique, Nullable). SVG bezier curves connect related entities
  5. Live Updates: In VS Code, file changes trigger automatic re-parsing with a 300ms debounce. In the web app, re-import to refresh

Quick Start

  1. Open the Editor: Use the web app or VS Code extension to launch the tablur.io canvas
  2. Import Your Schema: Paste your ORM code, drag & drop files, or let the extension auto-detect
  3. Interact: Drag entities, hover columns to see relationships, right-click for context actions, and use the AI chat to modify your schema with natural language
  4. Export: Generate SQL DDL (4 dialects), Mermaid diagrams, DBML, JSON, PNG/SVG, or documentation