DEV Community

Cover image for I built a four-view visual workspace with no external UI libraries and a 60fps drag system
Sean
Sean

Posted on

I built a four-view visual workspace with no external UI libraries and a 60fps drag system

The problem

Every workspace forces one paradigm. Singularity
lets you view the same dataset as a node graph,
kanban board, timeline, and table — simultaneously,
all in sync.

What it does

Six node types (Note, Task, Character, Event,
Research, Location) with labeled directed connections.
Four views of the same data. Change one, update all.

Engineering decisions

No external UI libraries. Every node, edge, panel,
modal, kanban column, timeline row, and table cell
is hand-crafted with inline styles and a shared
design token object.

60fps drag system using requestAnimationFrame with
pointer capture — no React re-renders on every
pointer move event.

Unique IDs via uid(prefix) combining Date.now() and
a monotonic counter — no external library.

Everything in localStorage. No backend, no cloud,
no accounts. Works offline. Ships as a Windows
desktop app via Electron + electron-builder.

Links

Live: singularity-workspace.vercel.app
Source: github.com/Virerra/singularity
License: MIT



Top comments (0)