Your ultimate image staging area, right in your browser. Workbar is a powerful Chrome extension that simplifies your creative workflow by providing a dedicated space to stage, organize, and manage images with ease.
https://github.com/pheintzelman/workbar/raw/main/website/public/demo-video.mov
| Side Panel View | Project Management | Virtual Folders |
|---|---|---|
 |
 |
 |
- 🖼️ Image Staging Area: Drag-and-drop or copy-paste images directly into the side panel for quick access.
- 📁 Project Organization: Organize your staged images by projects to keep your creative assets structured.
- 📂 Virtual Folders: Create virtual folders within projects for even more granular organization.
- 🔗 App Links: Quick access to your favorite design and editing apps directly from the Workbar.
- 🌐 Site Awareness: Intelligently auto-switches projects based on the active tab or domain you are browsing.
- 📥 Download Tracking: Monitor and access your recent image downloads without leaving the side panel.
To run Workbar locally for development:
- Clone the repository:
git clone https://github.com/your-username/workbar.git cd workbar - Install dependencies:
npm install
- Build the extension:
npm run build
- Load into Chrome:
- Open Chrome and navigate to
chrome://extensions/. - Enable Developer mode (toggle in the top-right corner).
- Click Load unpacked.
- Select the
workbar/distdirectory.
- Open Chrome and navigate to
- Frontend: React + TypeScript
- Build Tool: Vite
- Extension Tooling: @crxjs/vite-plugin
- Styling: CSS
This project is licensed under the MIT License - see the LICENSE file for details.
Made with ❤️ by Paul Heintzelman