Skip to content
portfolio/hammer
Sign in
MANAGEMENT UI

Hammer

The management UI for Anvil DB - query, visualise, and administer your graph from the browser, or as a desktop app.

Hammer - the Anvil DB management UI, showing the Cypher query editor and graph visualization
Open live

Hammer is a server-rendered React Router app that talks to an Anvil DB instance over HTTP and WebSockets. It ships a Cypher and GraphQL workbench, an interactive D3.js graph canvas, and full administration of everything the platform offers - documents and sync rules, multi-tenant apps, file storage, row-level security and property masks, stored functions, triggers, monitoring, and users, roles and service accounts - with JWT auth and role-based access enforced on both sides. It runs hosted as the anvildb.com playground and as a native desktop client.

React Router 7TypeScriptTailwind CSS v4D3.jsTauri 2graphql-wsBase UIVitePlaywright

Cypher Editor

Query editor with syntax highlighting and table, JSON, graph, and plan result views - plus EXPLAIN / PROFILE, parameters, query history, tabs, and CSV/JSON export.

GraphQL

A full playground with schema introspection and data views over Anvil's auto-generated GraphQL API, with live subscriptions over graphql-ws.

Graph Canvas

D3.js force simulation with four layouts, focus mode (orbit a node's neighbours), lasso select, minimap, context menus, node inspector, and PNG/SVG export.

Schema Browser

Browse labels, relationship types, property keys, indexes, and constraints, with a meta-graph visualisation.

Documents

Collection CRUD, paginated document browsing, a JSON editor, and graph-document sync rule management.

Apps

Create and manage multi-tenant apps: members and privileges, per-app settings and custom auth email templates, and one-click backup export and restore.

Storage

Buckets and objects in Anvil's file storage - uploads, signed URLs, and on-the-fly image transforms, straight from the browser.

Policies

Row-level security policies and column-level property masks, RLS toggled per label or collection, and a policy simulator to dry-run access before it ships.

Functions & Triggers

Author, test, and manage stored Cypher functions and event-driven triggers with an activity log and dependency analysis.

Import

Paste or upload Cypher script files and see node / relationship creation counts as they run, with per-statement error reporting.

Monitor

Real-time server stats, active queries, throughput and memory charts, store sizes, the slow query log, and a live event log.

Admin

Users, roles, service accounts and API keys, database management, an event-log explorer, alerts, and the Index Advisor - gated to admins client- and server-side.

Settings

Themes, default result view, editor preferences, graph defaults, and saved connection profiles for any Anvil server.

Command Palette

A ⌘K palette to jump between pages, schemas and actions, plus built-in help and reference docs without leaving the app.

Desktop Client

The same UI as a native Tauri 2 app for macOS and Windows, released with installers from CI - point it at any Anvil DB server.