Skip to content
portfolio/hammer
MANAGEMENT UI

Hammer

The web-based management UI for Anvil DB - query, visualize, and administer your graph from the browser.

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

Hammer is a single-page app that talks to an Anvil DB instance over HTTP. It ships a Cypher and GraphQL workbench, an interactive D3.js graph canvas, and full administration - documents, row-level security policies, stored functions, triggers, monitoring, and user management - with JWT auth and role-based access enforced on both sides.

React Router 7TypeScriptTailwind CSS v4D3.jsVitePlaywright

Cypher Editor

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

GraphQL

A full playground with schema introspection and data views over Anvil's auto-generated GraphQL API.

Graph Canvas

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

Schema Browser

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

Documents

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

Policies

Create and manage row-level security policies, toggle RLS per label/collection, and dry-run with the policy simulator.

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.

Monitor

Real-time server stats, throughput charts, the slow query log, and a live event log.

Admin

User and role management, an event-log explorer, and an alerts panel - gated to admin users client- and server-side.