Hi everyone,
I am sharing a Lovelace card pack I built for my own installation and recently published: Skeuo Cards, 14 cards in a skeuomorphic style, carbon fibre fascia, machined metal knobs, recessed-rail faders and amber LCD screens.
The cards. Light, climate, cover, sensor, smart plug, lock, fan, water heater, robot vacuum, alarm, weather, forecast, media player, camera. Each one drives a real entity and calls the matching services. The controls are real controls: the knob takes pointer and keyboard input, the faders are rotated input[type=range] elements that keep native touch handling and ARIA semantics, and the buttons are button elements.
No bitmap images. Textures, knobs, screws, screens and the sixteen weather icons are drawn in CSS and SVG, with nothing taken from an existing icon set. The bundle is 240 kB, 59 kB gzipped, and it stays crisp at any display size, which a photo-based design could not do.
One single scale. Each card is drawn at a reference height of 310 px, then brought down to the real cell size with a transform: scale() computed from a ResizeObserver. Everything keeps exactly the same proportions at any size, text included, so nothing is ever clipped. Width stretches to fill wide sections instead of leaving two empty bands.
Damped motion. No value jumps from one point to another: cover position, setpoints, fan speed, volume, brightness and VU meter needles reach their target by accelerating and then slowing down. The value itself is interpolated frame by frame, which keeps the native controls intact and absorbs the steps a real device reports while it moves. A user gesture is never animated, and prefers-reduced-motion turns everything off.
Render filter. Home Assistant reassigns hass on every state change of any entity in the system, several times per second. Each card only redraws if one of its own entities, the theme, the language or the connection changed. Measured on a test bench: 20 changes on unrelated entities produce 0 renders, one relevant change produces 1.
A device that is off goes greyscale, fascia included. An unavailable device gets the same desaturation plus a darkening. In both cases it is a drop in brightness and not a translucent veil, which would let the dashboard background show through the controls.
Installation through HACS as a custom repository: the three-dot menu, then Custom repositories, the repo URL with category Dashboard, install Skeuo Cards and reload the page. Inclusion in the HACS default list is under review; when it lands it will change nothing for existing installs. Manual installation is described in the README.
Everything is configured with the mouse from the card editor: the material (carbon fibre, graphite or brushed metal), the accent colour, the grain density, the corner screws, and the options specific to each card. Grain goes from 0 to 150 %, and at 0 only the background colour is left, which is a lot more sober than the screenshots above suggest. UI and documentation are in English and French.
Two accepted limits. The camera card shows the refreshed snapshot and not a live stream: live goes through HLS or WebRTC, which the frontend handles with its own elements and which no external card can drive correctly; touching the monitor opens the entity dialog, where the real stream plays. And locks or alarm panels that require a code send you to that same dialog instead of calling a service that would fail, because putting the code in the dashboard configuration would mean writing it in clear text in a YAML file that gets backed up and synced.
Where I honestly stand. The pack runs on my real installation, and that daily use is what produced two patch releases on launch day. But I do not own a device in every domain: light, climate, sensors, smart plug and media player were verified on real hardware, the others were checked on a test bench with simulated entities. If you install one of them on hardware I do not have, I would really like to hear about it, bad reports included.
Repository and full documentation: GitHub - dcybeldesign/dcy-skeuo-cards: Skeuomorphic Lovelace cards for Home Assistant: carbon fibre fascia, machined metal knobs, recessed-rail faders, amber LCD screens. · GitHub
Licensed under MIT.
If the pack is useful to you, there is a GitHub Sponsors and a Buy Me a Coffee on the repository page.
