A collection of NeoRacer-themed visuals built by Neobotics Foundation Inc. that you can run as a live background or install as a screensaver.
Each folder is a self-contained Electron app sharing the same HUD + interactive car-reveal layout, but with a different procedural background engine:
| Folder | Vibe | Background |
|---|---|---|
Lofi Background/ |
Calm, ambient, slow-moving | Soft particles + gentle glow |
Dynamic Background/ |
High-energy, reactive | Procedural PCB / grid motion |
Both include a background.png / background.jpg in assets/ if you only want the static image.
No install required. Grab the image and set it as your desktop wallpaper.
- Open the folder you want (
Lofi BackgroundorDynamic Background) on GitHub. - Go into
assets/and downloadbackground.png(orbackground.jpg).
- Right-click the downloaded image → Set as desktop background.
- Or: Settings → Personalization → Background → Browse photos.
- Right-click the downloaded image in Finder → Set Desktop Picture.
- Or: System Settings → Wallpaper → Add Photo.
Run the full animated experience with the HUD, reveal cursor, and procedural effects.
- Node.js 18 or newer (check with
node -v) - Git (to clone) — or just download the repo as a ZIP
# 1. Clone the repo
git clone https://github.com/Neobotics-Foundation-Inc/accessories.git
cd accessories
# 2. Pick a folder (quote the name — it has a space)
cd "Dynamic Background" # or "Lofi Background"
# 3. Install dependencies
npm install
# 4a. Quickest: open in your browser
npm start
# → visit http://localhost:3001
# 4b. Or run as a fullscreen Electron app
npm run electronPress any key or move the mouse to exit the Electron window.
This is the proper "set it and forget it" route. The Electron app already handles the Windows screensaver flags (/s, /c, /p), so you can compile it to a .scr file.
cd "Dynamic Background" # or "Lofi Background"
npm install
npm run buildThen:
- Look in the new
dist/folder for the portable.exe(e.g.NeoRacer Screensaver 1.0.0.exe). - Rename the
.exeto.scr— e.g.NeoRacer.scr. - Move it to
C:\Windows\System32\(requires admin). - Open Settings → Personalization → Lock screen → Screen saver and pick NeoRacer Screensaver from the dropdown.
- Click Preview to test, set your wait time, and hit OK.
Tip: if you don't want to put it in System32, right-click the
.scrfile anywhere on disk and choose Install.
macOS doesn't support Electron-based .saver bundles out of the box. Two options:
A. Run as an always-available app
cd "Dynamic Background"
npm install
npm run electronAdd a keyboard shortcut or a macOS Shortcut to launch it on-demand.
B. Trigger on idle via Shortcuts / Automator
- Open Shortcuts.app → New Shortcut → Run Shell Script.
- Command:
cd "/path/to/accessories/Dynamic Background" && npm run electron - Bind it to a hotkey or schedule it with a third-party idle-trigger app (e.g. Hammerspoon).
A native .saver package can be added later if there's demand — open an issue.
accessories/
├── Lofi Background/
│ ├── assets/ ← images (background, logo, car render, lineart)
│ ├── css/style.css ← HUD + overlay styles
│ ├── js/screensaver.js← render loop + procedural engine
│ ├── index.html ← layout
│ ├── main.js ← Electron entry (handles /s /c /p)
│ ├── server.js ← dev HTTP server (port 3001)
│ └── package.json
└── Dynamic Background/ ← same structure, different engine
| Problem | Fix |
|---|---|
npm: command not found |
Install Node.js from nodejs.org |
EACCES on Windows build |
Run your terminal as Administrator |
| Electron window is blank | Delete node_modules + package-lock.json, re-run npm install |
| Screensaver won't show in Settings (Windows) | Make sure the file ends in .scr and lives in System32, or right-click → Install |
ISC — see each folder's package.json.
Built by Neobotics Foundation Inc. · Autonomous Systems · NeoRacer