Component not found: lvgl

Hello. The following is my esphome config for an esp32 with a mic, a speaker and a screen that I would like to use as voice assistant. I would like to use lvgl to show widgets on the screen, but when I add the configuration entry (copied and pasted from LVGL Graphics — ESPHome), the “lvgl” section becomes underlined in red and when I hover the mouse over it I get: “Component not found: lvgl”.
I also tried reconfiguring the esp with Esphome Beta, but still the same issue.
Can anyone help me figure out what I’m doing wrong?


i2s_audio:
  i2s_lrclk_pin: GPIO25
  i2s_bclk_pin: GPIO26

microphone:
  - platform: i2s_audio
    id: mic
    adc_type: external
    i2s_din_pin: GPIO22
    pdm: false

speaker:
  - platform: i2s_audio
    id: big_speaker
    dac_type: external
    i2s_dout_pin: GPIO33
    mode: mono

voice_assistant:
  microphone: mic
  use_wake_word: false
  noise_suppression_level: 2
  auto_gain: 31dBFS
  volume_multiplier: 2.0
  speaker: big_speaker
  id: assist
  on_listening:
    - light.turn_on:
        id: statusled
  on_end: 
    - light.turn_off:
        id: statusled
      

switch:
  - platform: template
    name: Use wake word
    id: use_wake_word
    optimistic: true
    restore_mode: RESTORE_DEFAULT_ON
    entity_category: config
    on_turn_on:
      - lambda: id(assist).set_use_wake_word(true);
      - if:
          condition:
            not:
              - voice_assistant.is_running
          then:
            - voice_assistant.start_continuous
    on_turn_off:
      - voice_assistant.stop
      - lambda: id(assist).set_use_wake_word(false);

light:
  - platform: status_led
    name: "Switch state"
    pin: GPIO2
    id: statusled


spi:
  clk_pin: GPIO18
  mosi_pin: GPIO23
  miso_pin: GPIO19

font:
  - file: "fonts/BemboStd.ttf"
    id: BemboStd28
    size: 28

  - file: "fonts/BemboStd.ttf"
    id: BemboStd15
    size: 15

display:
  - platform: ili9xxx
    model: ILI9488_A
    dc_pin: GPIO4
    reset_pin: GPIO0
    cs_pin: GPIO5
    invert_colors: false
    auto_clear_enabled: false
    update_interval: never
    id: my_display

lvgl:
  displays:
    - my_display
  pages:
    - id: main_page
      widgets:
        - label:
            align: CENTER
            text: 'Hello World!'

What version of esphome are you using? LVGL has not been released in esphome yet. The page you pointed to is a preview (as the url says)

You’ll need to import it as an external component. See here: LVGL implementation for ESPHome by clydebarrow · Pull Request #6363 · esphome/esphome · GitHub
:

That was exactly the issue. Noob mistake, I tought that it was already present in the beta version. Once added the entry provided in the link, it is working. Thank you