Repository navigation
Releases: LeeHueeng/silk-card
Release list
v0.8.0 — configurable without YAML
No more hand-written YAML for entity lists.
Ten cards previously took their lists as YAML only — chips, breakdown and launcher had no visual editor at all. All of them now expose a multi-entity picker in the card editor, scoped to sensible domains (energy sensors for the bill card, person/device_tracker for presence, binary_sensor/cover for openings…).
Every affected card accepts both shapes:
entities: [sensor.a, sensor.b] # what the picker writes
entities: [{entity: sensor.a, name: 거실}] # YAML, when you want detailOpening the editor on a config that carries per-item names, icons or colors hides the picker instead of flattening it — a tuned config survives an accidental click.
New card: silk-bill-card — what each device consumed over a period (from long-term statistics) and what it costs, with Korean 주택용 저압 progressive tariff support. 누진 is computed on the household total and split by share, which is the only honest way to attribute it.
v0.6.0 — 191 cards
100 new cards. Silk now covers essentially every corner of a Home Assistant dashboard.
Charts: Sankey · Treemap · Radar · Year heatmap (GitHub-style) · Gantt (what ran when) · Scatter with trend line · Histogram · Candles · Waterfall · Boxplot · Stacked areas · Donut · Sparkbar · Trend KPI · Delta grid · Small multiples
Energy deeper: per-device breakdown · grid carbon intensity · monthly cost projection · peak demand · solar forecast · self-consumption · standby hunter · monthly goal
Servers & network: ping grid · Docker · server stats · bandwidth · WAN · VPN · certificate expiry · backups
Comfort: comfort-zone plot · dew point · mold risk · ventilation advice · HVAC runtime · window advisor · room ranking · floor heating
Household: shopping (quick add) · meals · chores rotation · medication · pet · bin collection · birthdays · fitness rings · sleep · hydration
Transit & outside: departure board · commute · flight · packages · fuel prices · parking
Security: camera wall · doorbell · motion timeline · visitor log · zone presence · panic (hold to fire)
HA system: instance info · integration health · dead-entity doctor · automation audit · database size · add-ons · error log · restart panel
Layout: group · conditional · drawer · grid · banner · hero · spacer · theme switch · breadcrumb · footer
Ambient & niche: quote · today · aquarium · fireplace · moods · goodnight checklist · wake-up light · pomodoro · water heater · valve · siren · text · date & time · binary detail
Also fixed: nine chart cards called connection.addEventListener unguarded and died on hass objects without reconnect events; parking cost now rounds to the currency's precision; the doctor list scrolls instead of clipping.
The demo gallery exercises all 191 cards across 54 sections — npm run demo.
v0.5.0 — 91 cards
30 new cards.
Energy: Power Flow — solar → home → grid → battery with dots that actually travel along the active links · Tariff (hourly prices, now-bar) · Home battery Storage · EV charging · Water with leak alarm · Speedtest.
Containers (new category): Tabs · Expander · Carousel (swipe) · Launcher (app grid) — build real dashboards out of Silk cards.
Utility: Search (find any entity) · Assist (talk to your house) · Say (TTS) · QR — a from-scratch QR encoder, verified module-for-module against a reference implementation (4/4 exact match) · Photo frame · World Clock · Now Playing hero · Radio presets.
Life: Car · Mower · Irrigation zones · Plant health · 7-day Forecast · Moon phase · UV index · Openings · Security verdict · Upkeep · 3D Printer · Appliance.
One design language, one bundle, zero chart libraries.
v0.4.0 — 61 cards
30 new cards. Silk is now the largest single-bundle card suite for Home Assistant.
Infrastructure: hash-based Pop-up with zero dependencies · Navbar dock · Heading with live chips · Divider · Welcome header.
Physical: Nest-style thermostat Dial · PIN Keypad · TV Remote · Color wheel.
Data: 7d×24h Heatmap · daily Week bars · mirrored Network rates · Compare · daily Range · Sun horizon arc · Air quality verdict.
Whole home: Speaker grouping · Select · Number · Humidifier · Agenda · Countdown · Automation · Log · Inbox (persistent notifications) · Count · Zigbee Device health · Family presence · Shutter · Clock.
One design language, one ~500KB bundle, zero chart libraries.
v0.3.0 — 31 cards
20 new cards join the suite.
Physical controls (the fun ones): Rocker — a wall switch that tilts like the real thing · Push — a bezeled button with an LED ring · Knob — a rotary dial you actually turn · Fader — a studio-style vertical slider.
Whole-home set: Weather (hourly strip) · Person · Lock (hold-to-unlock safety) · Alarm (inline keypad) · Vacuum · Camera · Timer · Progress (with ETA) · Updates · Batteries (dying ones float up) · Status uptime timeline · Chips strip · Bar & Ring gauges · Energy today-vs-yesterday · To-do with checkboxes.
Still one design language, one 250KB bundle, zero chart libraries, visual editors throughout.
v0.2.0 — the suite
Silk grows from one graph card into an 11-card suite sharing one design language.
New cards: Toggle · Light (drag the card to dim) · Tile (sparkline + threshold colors) · Gauge · Climate · Cover · Fan (it actually spins) · Button · Media · Room (a room in one row).
- Apple-Home-inspired state language: active = tinted surface, never glows
- Domain-accent color system riding HA theme variables
- Spring motion tokens, optimistic UI, haptics, HA-exact toggle semantics
- Every card has a visual editor; 113KB single bundle, still zero chart libs
- Interactive 50-variant demo:
npm run demo
Update: replace silk-card.js and bump your resource URL cache-buster.
v0.1.0 — first silk
First public release.
- Scrub-to-inspect: press and drag to read any value/time, touch + mouse
- Morphing range switching (1H / 12H / 1D / 1W / 1M chips)
- Monotone smooth curves, gradient fill, pulsing now-dot, min/max markers, change badge
- Long ranges automatically use HA long-term statistics
- Visual editor, multi-entity with legend spotlight, theme-aware
- Single 38 KB bundle, zero chart libraries
Install via HACS custom repository or drop silk-card.js into config/www/.