Skip to content

Gallery

Screenshots of the Tesserae admin UI in action: composing dashboards, integrating with Home Assistant, and how a single widget handles being dropped into different cell sizes.

For panels in domestic context, see the README hero image. For the per-widget grid, see the bundled widget gallery or the community catalog.

Inside Home Assistant

Home Assistant dashboard with the Tesserae Hub tile plus four panel device cards

Tesserae lives inside HA. The Hub tile plus one device card per panel, each pulling its live image entity, battery, signal, and IP.

Composing a dashboard

Composing a Home Assistant dashboard in Tesserae, cell grid on the left, rendered preview on the right with ha_climate plus ha_history plus calendar plus Spotify plus todo tiles

Composing a dashboard. Cell grid on the left, live preview on the right with HA widgets (climate gauges, history, calendar, Spotify, todo).

Paper Calendar dashboard composition, Unsplash photo on the left plus calendar_month on the right at 1200x1600

"Paper Calendar" dashboard, full-bleed Unsplash photo + month grid, rendered at 1200×1600 for an Inky 13.3".

Bedside dashboard composition with vivid gradient weather plus clock tiles in the preview, Sending toast in the corner

Bedside dashboard with two of the gradient themes, mid-send.

One widget, every cell size

The same weather_now_scenic widget rendered at four different cell sizes (large landscape, medium portrait, medium square, two small squares) showing different content density per size

The same weather_now_scenic widget at four cell sizes. Widgets use CSS container queries to redistribute content as the cell shrinks, so one widget composes across every layout instead of shipping size-specific variants.