Information widgets

Label and clock

label shows friendly name, state and optionally 24-hour history. Options: entity/entity_id, title, icon, unit, decimals, prefix, suffix, ranges with min, max, state, fgcolor, bgcolor, icon. clock/datetime provides time_format (default HH:mm), date_format, locale, icon, padding_horizontal and padding_vertical; formats follow Java SimpleDateFormat.

{"id":"temperature","type":"label","entity":"sensor.outdoor_temperature","title":"Outside","unit":"°C","decimals":1,"ranges":[{"max":0,"bgcolor":"#1976d2"},{"min":25,"bgcolor":"#ffb74d"}]}

Calendar

calendar supports agenda, day, week, month, editing and deletion. Options: title, view, available_views/views, show_view_switcher, agenda_days, day_start_hour, content_height, fit_tab_height, fit_tab_bottom_margin, month_scale_to_fit, month_day_action (popup/day), read_only, allow_event_creation, allow_event_editing, allow_event_deletion and matching enable_* aliases. calendars/entities contains entity strings or objects with entity, name, color, writable, supported_features.

{"id":"family","type":"calendar","view":"month","fit_tab_height":true,"calendars":[{"entity":"calendar.family","name":"Family","color":"#4285f4"}]}

History graph

history_graph, sensor_graph and graph show one numeric entity. Options: title, icon, show_icon, show_title, show_value, time_range/range with m, h, d, w, alternatively hours, refresh_minutes, unit, decimals, color/line_color, background_color, fill, fill_alpha, stroke_width, chart_height, min_value, max_value. Without recorder data only the current value remains.

Mini graph card

Aliases are mini_graph, mini_graph_card, mini-graph-card, custom:mini-graph-card. entity or entities accepts strings and objects with entity, name, unit, color, show_line, show_fill, show_points. Global options: name, icon, hours_to_show, update_interval, height, line_width, line_color, color_thresholds, points_per_hour, aggregate_func (avg, median, min, max, first, last, sum), lower_bound, upper_bound, smoothing, group, decimals, unit and show with name, icon, state, legend, fill, points, labels, extrema, graph (line/bar).

Horizon card

horizon_card, horizon, sun_card, custom:horizon-card calculate sun and moon locally. Options: title, moon, sun, graph, sunrise_sunset_lines, graph_height, refresh_period, southern_flip, language, time_format, optionally latitude, longitude, elevation, time_zone, now. fields controls sunrise, sunset, dawn, noon, dusk, azimuth, sun_azimuth, moon_azimuth, elevation, sun_elevation, moon_elevation, moonrise, moonset, moon_phase.

Weather chart

weather_chart, weather_chart_card, custom:weather-chart-card use weather.* and HA forecasts. Main options: title, show_main, show_temperature, show_current_condition, show_description, show_attributes, show_time, show_time_seconds, show_day, show_date, show_humidity, show_pressure, show_precipitation, show_uv, show_wind_direction, show_wind_speed, show_sun, show_feels_like, show_dew_point, show_wind_gust_speed, show_visibility, show_last_changed, use_12hour_format, locale, autoscroll, animated_icons, icon_style, icons_size, current_temp_size, time_size, day_date_size.

Under forecast: type (daily/hourly), style, chart_height, number_of_forecasts, labels_font_size, round_temp, temperature1_color, temperature2_color, precipitation_color, chart_datetime_color, chart_text_color, precipitation_type, show_probability, precip_bar_size, condition_icons, show_wind_forecast, disable_animation. units.speed accepts km/h, m/s, mph, Bft; units.pressure accepts hPa, mmHg, inHg. No external icons or CDN are required.