BLOOMIN8 Canvas Uploader – a Lovelace card to crop, tweak & upload images to E-Ink Canvas panels

If you have one of the BLOOMIN8 E-Ink Canvas frames driven by the BLOOMIN8 E-Ink Canvas integration, I made a Lovelace card that lets you change the displayed image straight from your dashboard — with all the image processing done in the browser.

What it does

  • Drag & drop or pick a local image.
  • Crop-to-content (trims uniform borders), then orientation-aware cover-crop to the panel’s aspect ratio.
  • Saturation / gamma / contrast sliders with a live WYSIWYG preview — handy for the limited e-ink palette.
  • Single-select destination showing a thumbnail of what’s currently on each panel.
  • Battery-friendly: the frame is never polled for previews (cached locally; contacted only on upload or a manual refresh).
  • Localizable UI (English default, Greek bundled).

It uploads through the integration’s upload_image_data service. Vanilla JS, no build step, MIT.

Install (HACS)

HACS → ⋮ → Custom repositories → add https://github.com/teras/bloomin8-canvas-card with category Dashboard → install, then add the custom:bloomin8-canvas-card card.

Repo & docs: GitHub - teras/bloomin8-canvas-card: Lovelace card for BLOOMIN8 E-Ink Canvas: pick, crop-to-content, saturation/gamma/contrast with live preview, upload. Battery-friendly, localizable, HACS-ready. · GitHub

Feedback and translation PRs welcome.

1 Like