Wall Clock Card

Here is my Wall Clock Card for wall tablet on our fridge.

Key Features

Large Clock & Date Display

  • Large, centered clock with hours, minutes, and seconds
  • Customizable date format with weekday, month, day, and optional year
  • Configurable time zone and 12/24-hour format

Dynamic Backgrounds

  • Multiple image sources with automatic rotation:
    • Local images from your collection
    • Picsum Photos for random high-quality images
    • Unsplash with weather and time-based selection
    • Sensor-based images from Home Assistant sensors
  • Weather and time-of-day based image selection
  • Adjustable black overlay for better text readability
  • Smooth transitions between images

Weather Integration

  • Current weather conditions with temperature and icon
  • Multi-day forecast with temperature ranges (1-7 days)
  • Support for OpenWeatherMap API
  • Localization for weather conditions in multiple languages

Sensor Display

  • Show multiple sensors in the top left corner
  • Customizable labels for each sensor
  • Automatic updates when sensor values change

Action Bar

  • Customizable buttons at the bottom of the card
  • Navigate to different pages in Home Assistant
  • Call services to control entities
  • Toggle switch and lights
  • Fetch next background image

Getting Started

  1. Install via HACS (search for “Wall Clock Card”)
  2. Add the card to your Lovelace dashboard
  3. Configure through the visual editor
  4. Enjoy your beautiful new information display!

For detailed documentation and configuration options, visit the GitHub repository.

8 Likes

Hello your dashboard looks nice. In addition to the clock, what is used for bottom navigation buttons?

Great job.
How can i change the height of the card?

SOLVED
card_mod:
style: |
ha-card {
height: 582px !important
}

Gerat job
My desing