Hatch Card - The all-in-one card for your Hatch sound machine

Share your Projects! Dashboards & Frontend
,
1

Hey everyone, especially the parents out there!

I’m excited to share a card I’ve been working on to make controlling our Hatch Rest much easier in Home Assistant: the Hatch Card.

This card was born out of a desire to have a single, clean interface that combines the Hatch’s light and media player controls. It’s designed to be sleek, modern, and highly customizable to fit your dashboard perfectly.

Here’s a look at what you can do with it:

A full-featured control center with one-touch scenes for your bedtime routine:

Hatch Card Horizontal Layout with Scenes
Hatch Card Horizontal Layout with Scenes981×762 29.1 KB

Or a compact, minimalist version for your mobile dashboard:

Hatch Card Vertical Layout
Hatch Card Vertical Layout511×291 7.83 KB

:sparkles: Key Features

  • All-in-One Control: Manage your Hatch light and sound from a single, unified card.
  • Powerful Scene Control: Create one-touch presets to set the perfect mood. Activate a Home Assistant scene or define custom light and sound settings directly in the card—even turn devices off.
  • Two Layouts: Choose between a compact vertical or a detailed horizontal layout.
  • Dynamic Backgrounds: Set the card background to reflect the light’s color or visually represent the volume level.
  • Powerful Sleep Timer: Create timers with custom presets and define actions upon expiration (like an “OK-to-Wake” clock!).
  • Highly Customizable: Toggle visibility for every control to create your perfect interface.
  • Easy Configuration: Fully configurable through the Lovelace visual UI editor.

:rocket: Installation (HACS)

Open your Home Assistant instance and open a repository inside the Home Assistant Community Store.

:bulb: Example Configuration

While you can configure everything in the UI editor, here’s the YAML for the “Bedtime Routine” example shown above to give you some inspiration.

Click to expand YAML 
type: custom:hatch-card
light_entity: light.nursery_hatch
media_player_entity: media_player.nursery_hatch
name: Nursery Nightstand
show_expand_button: true
show_scenes: true
show_brightness_control: true
show_sound_control: true
scenes_per_row: 3
scenes:
  - name: Reading
    icon: mdi:book-open-page-variant
    color: warm white
    brightness: 40
    turn_off_media: true
  - name: Sleep
    icon: mdi:weather-night
    color: red
    brightness: 5
    sound_mode: WhiteNoise
    volume: 35
  - name: Off
    icon: mdi:power-off
    turn_off_light: true
    turn_off_media: true
4 Likes
2

Just wanted to give a quick shoutout to @eyalgal and share my experience using the custom hatch-card for Home Assistant.

This card has been a fantastic addition to my dashboard — it elegantly integrates light, sound, scenes, and now even toddler lock, clock brightness, and battery status. The layout is clean, the controls are intuitive, and it’s one of the few cards that really nails the Hatch Rest integration.

I’ve been testing the newer features and ran into a couple quirks (like volume presets only showing when the expand button is active, and brightness sliders only appearing when the light is on). I flagged these, and within days, @eyalgal had already addressed them in the v1.1.2 release. That kind of responsiveness is rare and really appreciated.

Even more recently, I requested support for battery indicators and charging status, and those were added in v1.2.0 — again, with quick turnaround and thoughtful implementation.

Here’s a snapshot of my current setup:

type: custom:hatch-card
light_entity: light.name_light
media_player_entity: media_player.name_media_player
name: name Hatch
show_sound_control: true
show_brightness_control: true
show_timer: false
show_scenes: true
scenes:
  - entity_id: scene.wakeup_w_green_2
    name: Wakeup w/green
  - name: Bedtime w/red
    entity_id: scene.bedtime_w_red_2
  - name: Bedtime w/o light
    entity_id: scene.bedtime_w_o_light_2
  - name: "Off"
    turn_off_light: true
    turn_off_media: true
timer_action_turn_off_media: false
timer_action_turn_off_light: false
secondary_info: "sound: {sound}, brightness {brightness}%"
volume_presets:
  - 0
  - 0.25
  - 0.5
  - 0.75
  - 1
show_brightness_when_off: true
show_toddler_lock: true
show_clock_brightness: true
show_battery_indicator: true
toddler_lock_entity: switch.name_toddler_lock
clock_brightness_entity: light.name_clock
battery_level_entity: sensor.name_battery
charging_status_entity: sensor.my_rest_2nd_gen_battery

image
image667×651 23.8 KB

If you’re using a Hatch Rest and want full control in Home Assistant, this card is absolutely worth checking out. Big thanks to @eyalgal for the continued improvements and support — it’s been great collaborating and seeing the card evolve so quickly.

1 Like
3

Thank you @Johnpaulfranklin92 for your kind words and for sharing your experience with the community, your card looks awesome!

The new version makes the card even more flexible by decoupling it from Hatch—it now works with any media player and light entities. I’ve also made the timer feature more robust.

You can find the full release notes here.

Really appreciate you being a design partner throughout—glad you’re happy with the card!

4

Also here for a shoutout for making this card beautiful and so clean. It is simple, yet feature filled. Well made!

Nice work @eyalgal!

1 Like