BR Tracker — Spatial Tracking Device

Eight form factors, one mesh. Every pixel of it is geometry.

A product keynote for a Bluetooth + Ultra Wideband tracker, and there is not a single product photograph in it. The device, the phone, the globe and the exploded hardware are all built in React Three Fiber at runtime: eight form factors that morph into one another rather than swapping — corners round off, thickness changes, the shell becomes a capsule becomes a card — across eight materials that are real shader values, not tinted copies, so titanium reflects differently from ceramic and acrylic lets the board show through. An industrial configurator drives shape, material, finish, ring and thickness with the preview updating live. A shader globe carries satellite arcs, device pings and heat-map pulses through five tracking modes. The companion app is rebuilt in code rather than screenshotted, screens and all. And the whole tracker takes itself apart into eight labelled layers — PCB, UWB antenna, resonator, cell, frame — that you can scrub through and orbit.

How to run this

Works the same on Windows, macOS and Linux. No prior setup beyond Node.js, and nothing to configure — the pack runs as-is.

Built with: Next.js 16
Requires: Node.js 20 or newer
Opens at: http://localhost:3000

✦ Or let an AI agent set it up for you

Already using Claude Code, Antigravity, Cursor or Windsurf? Unzip the pack, open the folder as a project, and just ask:

Install the dependencies and run this project, then give me the URL

It reads the README included in the pack, runs the right commands for this project, and sorts out anything that trips along the way. You still need Node.js installed (step 1 below) — everything after that it can handle.

Or run it yourself

1
Install Node.js, if you don't have it
Download the LTS build from nodejs.org and run the installer — on Windows and Mac it handles everything. Mac users with Homebrew can run brew install node instead.
To check it worked, run node --version. It should print a number like v22.11.0.
2
Unzip the pack, then open a terminal inside the folder
Windows: open the unzipped folder in File Explorer, click the address bar, type powershell and press Enter.
Mac: press Cmd+Space, type terminal, press Enter. Then type cd (with a trailing space) and drag the unzipped folder onto the terminal window — it fills in the path for you. Press Enter.
3
Install the dependencies
Run npm install
One-time, and takes roughly 30–60 seconds. It creates a node_modules folder — that's expected, and it's why the zip doesn't ship one.
4
Start it
Run npm run dev
Then open http://localhost:3000 in your browser. Leave the terminal open while you use it — closing it stops the site. Press Ctrl+C in the terminal to stop.
5
Optional — build for production
When you're ready to deploy, npm run build produces the optimised output. The pack deploys to Vercel, Netlify or any Node host with no changes.

+ If something goes wrong

“npm is not recognised” / “command not found: npm”: Node.js isn’t installed, or the terminal was open before you installed it. Close the terminal, open a new one, and try again.
“Port 3000 is already in use”: Something else is running there — often a previous copy of this site. Close the other terminal, or stop it with Ctrl+C.
The page loads but images or video are missing: Make sure you ran the command from inside the unzipped BR Tracker — Spatial Tracking Device folder itself, not the folder containing it.
npm install shows warnings: Warnings (as opposed to errors) are normal and safe to ignore. Only a message starting with ERR! needs attention.

Still stuck? Email us and we'll get it running with you.

Prompt $2.99 · Source $12.99 · or All-Access

What's included

✦The full Antigravity build prompt, verbatim — philosophy, stack, flow, motion principles and the section-by-section brief
✦design.md — the design system the build was actually run against, in Google's design.md format: colour roles, a fourteen-step type scale, spacing, radius and every component spec
✦How the morph is done: one geometry re-solved per form factor, not eight meshes swapped
✦The material system — eight PBR setups with real roughness, metalness and clear-coat rather than colour swaps
✦Complete source included — procedural tracker, phone, globe and exploded hardware, ready to run

Unlock BR Tracker — Spatial Tracking Device

Buy just the prompt, the full source, or get All-Access for every design in the store.

Or get All-Access →

A prompt is a starting point, not a build script. AI models land differently on every run, so expect to refine the result — spacing, timing and copy — before it feels like the preview. The source pack is that preview, finished and running.

BR Tracker — Spatial Tracking Device

How to run this

More like this

BR-Buds — Hear the Impossible

NEON — The Next Interface

Vitrine — Hardware Showcase

Violet Hypercar Landing