A visual map of what's going on in your head right now.
Mindscape turns your mental load into floating thought bubbles, arranged vertically by how much space they take up in your brain. The things keeping you up at night float to the top. The background hum drifts near the bottom. It's a simple way to externalize the invisible weight of everything you're juggling.
- Each thought is a card with a title, description, color, and priority level (1–10)
- Cards float and gently repel each other, settling into vertical bands based on their level
- Higher priority thoughts rise to the top, lower ones sink
- Everything is saved to your browser's local storage
- Export/import JSON backups through the gear menu
Open index.html in a browser. That's it — no build step, no dependencies to install.
- + button to add a new thought
- Gear icon to toggle edit mode, export, or import
- In edit mode, click any bubble to change its title, description, level, color, or image
Push to GitHub and enable Pages (Settings → Pages → Source: GitHub Actions). The included workflow handles the rest.
Single HTML file. Three.js for the particle background. Everything else is vanilla JS/CSS.