Demos/wami

wami, the Web App to Manipulate Images

➡️ Open the demo ⬅️

wami is an image manipulation demo application. It is an installable web app (PWA) specifically made to demonstrate that web technologies can be used to create desktop apps that feel like platform-specific apps.

Note: wami is under development, expect bugs and cross-browser compatibility issues.

User guide

• Open the app.
• Click on one of the pre-defined flows in the left sidebar, or create a new one from scratch by clicking Create a flow.
• When a flow is opened, you can:
  • Rename the flow by typing in the flow name textfield.
  • Delete the flow by clicking the delete icon next to the flow name.
  • Add new flow steps by clicking Add a step.
  • Re-order steps by dragging them in the list of steps.
  • Change the parameters of steps.
  • Delete a step by clicking on the delete icon while hovering on a step.
• To run a flow:
  • Drag images from your computer and drop them in the drop area (or click browse to select them with the operating system file picker).
  • Click Run flow. The images are processed based on the defined steps and the resulting images appear in the bottom area.
• To download processed images:
  • Click Download to save the images to your Downloads folder.
  • Click Save to save the images back to their original locations (this will override the files on disk).
• To use other input images:
  • Either drag new images on the drop area at the top.
  • Or click Remove input.
  • Finally, you can also click Use as input to use the processed images as input images.

Credits

The app uses the WASM-ImageMagick library to process images in a worker thread.

TODO

• Add a file_handlers manifest member to handle images.
• Categorize steps and add a way to search through them.
• Share images.
• Export/import flows as JSON files.
• Submit to MS store.