A visual schema builder that lives in your browser. Design tables, define columns, and draw relationships — no server required. Everything is persisted to local storage automatically as you work.
Clone the repo and run:
npm i npm run devThen open localhost:5173 in your browser.
- Create a table — Add a new table and give it a name to start building your schema.
- Define columns — Name your columns and set datatypes using the keyboard shortcuts below.
- Draw relations — Drag the dot handles between tables to connect them with relationship lines.
- Auto-saved — Everything is persisted to local storage automatically as you work.
| Input | Action |
|---|---|
Tab |
Move from table title → column name → datatype |
Enter |
Confirm the datatype for a column |
Enter Enter |
Add a new column below |
Double-click |
Rename a table |
Drag handle |
Connect two tables with a relationship line |
Drag table |
Reposition any table on the canvas |
Built with React and Vite. Data stays in your browser via local storage.