fixtSE
FixtSEFixtSE
Blog
Membership
Shop
Booking
About
Blog
Membership
Shop
Booking
About

Youtube
Instagram
RSS
Github
Patreon
Privacy
Fixtโ€ขยฉ 2025
Published: May 4, 2024โ€”3 min read

Use WLED Light Effects in ESPHome

Written by: Fixt

If you're subscribed to our Channel
Login with your Google account to get our Smart Tutorial Experience!

TABLE OF CONTENTS
Example YAML device configurationVisual Studio Code Add-onAdd DDP to your WLED configurationSet DDP effect in ESPHome after Network is connectedESPHomeWLED Configuration

Featured

Coral AI Person Detection with Home Assistant & FrigateCoral AI Person Detection with Home Assistant & Frigate
Beginner DIY ESPHome mmWave Presence SensorBeginner DIY ESPHome mmWave Presence Sensor

Related

Tags

Tutorial
WLED
Home-Assistant
Integration
ESPHome

If you like my work, please consider supporting me on Ko-fi! โ˜•๐ŸŽ‰

โ† Back to the blog
Sound Reactive Ambient

Example YAML device configuration
#

homeassistant/esphome/esphome_wled_effects.yaml

esphome:
  name: esphome_wled_effects
  friendly_name: ESPHome Wled Effects
  project:
    name: esphome_wled.effects
    version: "1.0"
  min_version: 2023.11.1
  
esp32:
  board: esp32dev
  framework:
    type: arduino
 
# Enable logging
 
logger:
 
web_server:
  port: 80
 
# Enable Home Assistant API
 
api:
 
ota:
 
improv_serial:
 
wifi:
  ssid: !secret wifi_ssid
  password: !secret wifi_password
  on_connect: 
    - delay: 5s # Gives time for improv results to be transmitted
 
  # Enable fallback hotspot (captive portal) in case wifi connection fails
  ap:
    ssid: "esphome_wled_effects"
 
captive_portal:
 
button:
  - platform: factory_reset
    id: factory_reset_btn
    name: Factory reset
 
light:
  - platform: neopixelbus
    name: "WLED Effects"
    variant: WS2812
    id: led
    pin: GPIO16
    default_transition_length: 250ms
    type: grb  
    num_leds: 142
    effects:
      - pulse:
          name: "Slow Pulse"
          transition_length: 250ms
          update_interval: 250ms
          min_brightness: 50%
          max_brightness: 80%
 

Visual Studio Code Add-on
#

Open your Home Assistant instance and show the dashboard of a Supervisor add-on.

Add DDP to your WLED configuration
#

You can check the documentation here

External DDP Component

external_components:
  - source:
      type: git
      url: https://github.com/KaufHA/common
    components: [ ddp ]
    refresh: always
 
ddp:
 
light:
  - ....
    effects:
      - addressable_ddp:
          name: "DDP"

Set DDP effect in ESPHome after Network is connected
#

ESPHome
#

Open your Home Assistant instance and show an integration.

WLED Configuration
#

Open your Home Assistant instance and show an integration.

Tags

Tutorial
WLED
Home-Assistant
Integration
ESPHome
โ† Back to the blog

Featured

Coral AI Person Detection with Home Assistant & FrigateCoral AI Person Detection with Home Assistant & Frigate
Beginner DIY ESPHome mmWave Presence SensorBeginner DIY ESPHome mmWave Presence Sensor

Related

Tags

Tutorial
WLED
Home-Assistant
Integration
ESPHome
YouTube Subscriber Access
SCRIPT

YouTube Subscriber Benefit

This script is free for all our YouTube subscribers!

Log in with your Google account to access it on our website.

Subscribe to our channel