A copy-in library · 2 apps on air proving it

One mind.
Many spots.

Spotmind is a copy-in frontend library and the live apps built with it. The Kit holds the component styles; the apps prove them on real data; the devlog tells how it was all built.

Browse the kit See the proof
The World Cup 26 home: live tournament board, next kick-off countdown and knockout bracketWorld Cup 26The F1Peak cockpit: live track map, timing tower and telemetryF1PeakThe Kit: live style sets and components on spotmind.appThe Kit
37 pieces in the kit, MIT licensed2 apps on air19 stories in the devlogEvery number on this site is real37 pieces in the kit, MIT licensed2 apps on air19 stories in the devlogEvery number on this site is real37 pieces in the kit, MIT licensed2 apps on air19 stories in the devlogEvery number on this site is real

The Kit, live

Components, themes, palettes and font pairs you copy straight into your project: MIT licensed, no package to install. These four are rendering from the library's own source right now.

Browse the whole kit →
loading…
Contour Field
loading…
Radial Gauge
loading…
Diverging Bars
loading…
Donut

Straight from the pitch

This is the latest result at the 2026 World Cup, read from the same feed that powers the match centre. Nothing here is ever faked.

Open the match centre →
Live scores temporarily unavailableThe World Cup feed didn't respond just now. Nothing here is faked, so this fills back in on its own.

The projects

Some are on air with real users and real data; some run only in the lab, and their pages say so plainly.

All projects →
On air

World Cup 26

Live match centre and tournament tracker

Every fixture, group and knockout of the 2026 World Cup: live scores, line-ups, derived momentum and a real-time match centre, built on a free public feed.

The story On airNext.js, Fastify, WebSockets
The World Cup 26 home: live tournament board, next kick-off countdown and knockout bracket
In the lab

F1Peak

Game-style Formula 1 session viewer

Live track map with moving cars, timing tower, replay and telemetry analytics. The circuit itself is derived from nothing but the cars' GPS positions.

The story In the labNext.js, three.js, SignalR
The F1Peak cockpit: live track map, timing tower and telemetry
In the lab

ZQ Engine

A desktop engine that launches everything

An Electron kernel that starts, supervises and surfaces every local project from one manifest, including a live wallpaper layer rendered behind the Windows desktop icons.

The story In the lab (daily driver)Electron, Node

Launch anything. Supervise everything. Even the wallpaper is an app.

From the devlog

Engineering stories from building these apps, written from the build records: real bugs, real numbers, real fixes.

All stories →
Engine Room11 July 2026 · 3 min

Never hash JSON.stringify for identity

My process launcher decided whether a running app was the one it knew by hashing its config. Reordering two keys in that config, with no change in meaning, made it kill a perfectly healthy process on the next boot.

Postmortems11 July 2026 · 3 min

The overlaps a screenshot hides

A layout can look fine in a screenshot while one element sits 121 pixels on top of another. The fix was to stop looking at pictures and start measuring bounding boxes, and to always test the widest and shortest screens where the bugs actually live.

Postmortems11 July 2026 · 3 min

The panel that was empty for all 48 teams

Every team page in my World Cup tracker had a record panel that showed nothing, and nothing complained. The bug was a contract mismatch: the frontend read a field the backend never populated, and a missing field is invisible to almost every guard you have.

A living portfolio, not a links page. Every number on this site is read live from the app it belongs to, and when a feed is down the page says so.

I'm John Bruno. I build data-heavy apps around the things I follow, and I write down what building them actually took.

More about Spotmind