https://github.com/rexlevin/cb-imagebox
A powerful image processing toolkit for Canbox - your all-in-one image toolbox.
https://github.com/rexlevin/cb-imagebox
Last synced: about 1 month ago
JSON representation
A powerful image processing toolkit for Canbox - your all-in-one image toolbox.
- Host: GitHub
- URL: https://github.com/rexlevin/cb-imagebox
- Owner: rexlevin
- Created: 2026-03-27T11:39:08.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2026-04-02T11:29:27.000Z (3 months ago)
- Last Synced: 2026-04-03T01:33:33.716Z (3 months ago)
- Language: Vue
- Homepage: https://rexlevin.github.io/canbox-pages/
- Size: 255 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: HISTORY.md
Awesome Lists containing this project
README
# ImageBox
A powerful image processing toolkit for [Canbox](https://rexlevin.github.io/canbox-pages/) - your all-in-one image toolbox.
[δΈζζζ‘£](./README_zh-CN.md)
## Overview
ImageBox is a Canbox-based application that provides a comprehensive set of image processing tools. Built with Vue 3 and TDesign, it offers a modern, intuitive interface for all your image manipulation needs.
## Features
- ποΈ **Image Compression** - Reduce file size while maintaining quality
- π§ **Watermark** - Add text watermarks with customizable position, opacity and font
- π **Format Conversion** - Convert between JPG, PNG, WebP, GIF, HEIC and more
- π **Resize** - Adjust dimensions with aspect ratio control and presets
- π± **Screenshot Beautify** - Add device frames, gradients, and shadows to screenshots
- 𧩠**Image Join** - Combine images horizontally, vertically, or in grid layout
- β‘ **Batch Workflow** - Create custom processing pipelines for batch operations
- π **Internationalization** - Support for English and Simplified Chinese
## Tech Stack
- **Framework**: Vue 3 + JavaScript
- **UI Library**: Naive UI
- **State Management**: Pinia
- **Image Processing**: Jimp + heic-decode
- **Build Tool**: Vite
- **Internationalization**: vue-i18n
## Why ImageBox?
- π **Pure JavaScript** - No native dependencies, works across all platforms
- πΌοΈ **HEIC Support** - Full support for iPhone photos
- π― **Canbox Integration** - Seamlessly works with Canbox APIs (file system, clipboard, notifications)
- π± **Modern UI** - Dark/Light theme with smooth animations
- β‘ **Fast & Efficient** - Batch processing with progress tracking
- π **Multi-language** - Switch between English and Chinese instantly
## Installation
```bash
# Clone the repository
git clone
cd cb-imagebox
# Install dependencies
npm install
# Run in development mode
npm run dev
# Build for production
npm run build
```
## Usage
1. Launch ImageBox from your Canbox application launcher
2. Select a tool from the sidebar (or use top-right settings/help icons)
3. Upload images via drag & drop, file selection, or clipboard paste
4. Adjust settings and preview results in real-time
5. Export processed images to your desired location
6. Change language anytime via the settings panel
## Canbox Platform
ImageBox is built on top of [Canbox](https://rexlevin.github.io/canbox-pages/) - a powerful desktop application framework. Learn more about Canbox and its capabilities at:
π https://rexlevin.github.io/canbox-pages/
## Screenshots
## Roadmap
All core features have been implemented in v0.0.3:
- [x] Basic project setup
- [x] Image compression module
- [x] Watermark module
- [x] Format conversion module
- [x] Resize module
- [x] Screenshot beautify module
- [x] Image join module
- [x] Batch workflow module
- [x] Settings and preferences
- [x] Internationalization (English / Chinese)
## Contributing
Contributions are welcome! Please feel free to submit a Pull Request.
## License
Licensed under [Apache License 2.0](./LICENSE)
## Acknowledgments
- Built for [Canbox](https://rexlevin.github.io/canbox-pages/)
- UI components by [Naive UI](https://www.naiveui.org/)
- Image processing powered by [Jimp](https://github.com/jimp-dev/jimp)
- HEIC support by [heic-decode](https://github.com/catdad-experiments/heic-decode)