Aprex

From blank canvas to production app: building a precision tool for thought in React

ClientAprexYear2025
From blank canvas to production app: building a precision tool for thought in React

Overview

Aprex came to us with a conviction and a blank canvas: the best tool for thought should feel like a precision instrument. We designed the product, engineered the full React SPA, built a custom component library, and shipped a complete brand system — from first wireframe to deployed application. No off-the-shelf templates. Everything built.

50+Screens designed & built
100+Custom components
React + D3.jsTech stack
100% local-firstData ownership

The challenge

Research across the productivity landscape surfaced a specific anxiety: users felt their ideas were being 'rented' — trapped in proprietary formats, vulnerable to app shutdowns. Existing tools forced a hard choice between structure and speed. Technically, delivering a keyboard-first, graph-powered knowledge app with real-time performance meant building custom from the ground up — off-the-shelf UI components couldn't handle the interaction model Aprex needed.

Most apps make you feel like a tenant. This one was built to feel like ownership.
Most apps make you feel like a tenant. This one was built to feel like ownership.
Pricing a thinking tool is hard. We made upgrading feel obvious, not forced.
Pricing a thinking tool is hard. We made upgrading feel obvious, not forced.

Our approach

We built around a philosophy we called 'Brutalist Utility' — every engineering and design decision serves cognition, not aesthetics. The visual system is strict: bone-white and graphite with International Klein Blue (#0044FF) as the sole active state signal. Inter for interface legibility, JetBrains Mono for data density. The engineering core: a custom Command Palette (Cmd+K) built from scratch for zero-latency keyboard navigation across the entire app; a D3.js Knowledge Graph rendering live relationship maps across the full database; a Zen Mode that collapses all chrome on a single keystroke; and a Version History engine that snapshots every state of every note — because no idea should ever be truly lost. Local-first data architecture means users own everything, with no cloud dependency. Delivered: production React SPA, 100+ custom-built components, complete brand system, keyboard-navigable end-to-end.

It doesn't feel like software. It feels like a physical archive. The engineering is solid — keyboard shortcuts, the graph view, the version history — everything works the way a serious tool should.

Aprex

Aprex

Founder