Personal web toolbox & calculator.
- JavaScript 52.5%
- CSS 39%
- HTML 8.5%
|
|
||
|---|---|---|
| .forgejo/workflows | ||
| bookmarks | ||
| calculator | ||
| chess | ||
| color-converter | ||
| dice-roller | ||
| image-resizer | ||
| map | ||
| minesweeper | ||
| palette-extractor | ||
| radio | ||
| tetris | ||
| timer | ||
| todo | ||
| validator | ||
| vendor | ||
| voice-memo | ||
| weather | ||
| webembed | ||
| .DS_Store | ||
| .gitignore | ||
| android-chrome-192x192.png | ||
| android-chrome-512x512.png | ||
| apple-touch-icon.png | ||
| CLAUDE.md | ||
| dashboard.css | ||
| dashboard.js | ||
| favicon-16x16.png | ||
| favicon-32x32.png | ||
| favicon.ico | ||
| index.html | ||
| README.md | ||
| site.webmanifest | ||
| tools.json | ||
| TOOLS_CONFIG.md | ||
toolbox
A customizable, drag-and-drop grid workspace powered by GridStack. A personal dashboard of useful web-based tools.
Features
- Drag-and-drop grid - Arrange tools however you want
- Resizable cards - Adjust tool sizes to fit your workflow
- Persistent layout - Positions and sizes saved automatically
- Fullscreen mode - Expand any tool to fill the screen
- Add/remove tools - Customize your dashboard on the fly
- Dark theme - Clean, minimal i3-gaps inspired aesthetic
- iframe isolation - Tools run independently without conflicts
Usage
Click "+" in the header to enable/disable tools. Drag cards to reposition, resize from bottom corners, or click ⛶ for fullscreen mode.
Your layout and tool states are automatically saved to localStorage.
Deployment
Automatically deployed via Forgejo Actions on push to main branch.
Local Development
python3 -m http.server 8080