tune Configuration
widgets Elements

    Release v6.2.Sindoor. This Software is Free and Open Source Software licensed under the GPL 3.0

    edit Properties
    Select an element from the list on the left.
    0swap_horiz
    0swap_vert
    visibilityPreview

    Note: Fonts & corners are approximations. If preview shows names instead of actual Icon, select the element/Icon list on left panel or ensure the Front ID is "id(material_symbol_size)"

    code Generated Lambda Code
    font_download Generate Font Code

    Generates a template based on used Font IDs. Verify file paths and types!

    info About ESPHome Display Designer

    Key Features

    • Support for text, icons, shapes, and bars. Triangles - coming soon
    • Live preview with Material Icons
    • Export to ESPHome-compatible code
    • Export and import designs

    Known Limitations

    • Font previews are approximate
    • All Material Icons will not appear in search window.
    • Need search to Icon Names from https://fonts.google.com/icons manually
    • Corner radius is preview-only {ESPHome limitation}
    • Some Material Icons may not render correctly
    • UI does not render properly on a Mobile Device>

    Known Bugs

    • Import TXT file feature has issues
    • On page reload need to click on elements name for Icons to display correctly
    • Screen Resolution beyond 480px overflows in UI and scaling button has to be used.

    widgets Elements