# Squareline

Published articles for Squareline.

This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles.

## Developing User Interfaces for Custom Boards with ESP microcontrollers

DevFeed: [Developing User Interfaces for Custom Boards with ESP microcontrollers](<https://devfeed.tech/articles/developing-user-interfaces-for-custom-boards-with-esp-microcontrollers-13832.md>)

Original publisher: [Read original article](<https://developer.espressif.com/blog/developing-user-interfaces-for-custom-boards-with-esp-microcontrollers/>)

Author: John Lee

Published: 2022-10-10T00:00:00Z

Content type: tutorial

Language: en

Sources: [Blog on Developer Portal](<https://devfeed.tech/sources/blog-on-developer-portal.md>)

Topics: [User Interfaces](<https://devfeed.tech/topics/user-interfaces.md>), [Espressif](<https://devfeed.tech/topics/espressif.md>), [Microcontroller](<https://devfeed.tech/topics/microcontroller.md>), [configuration](<https://devfeed.tech/topics/configuration.md>), [GitHub](<https://devfeed.tech/topics/github.md>), [Code](<https://devfeed.tech/topics/code.md>)

Tags: [blog](<https://devfeed.tech/tags/blog.md>), [bsp](<https://devfeed.tech/tags/bsp.md>), [c](<https://devfeed.tech/tags/c.md>), [configuration](<https://devfeed.tech/tags/configuration.md>), [esp](<https://devfeed.tech/tags/esp.md>), [espressif](<https://devfeed.tech/tags/espressif.md>), [github](<https://devfeed.tech/tags/github.md>), [i2c](<https://devfeed.tech/tags/i2c.md>), [lcd](<https://devfeed.tech/tags/lcd.md>), [lvgl](<https://devfeed.tech/tags/lvgl.md>), [manifest](<https://devfeed.tech/tags/manifest.md>), [project](<https://devfeed.tech/tags/project.md>), [screen](<https://devfeed.tech/tags/screen.md>), [spi](<https://devfeed.tech/tags/spi.md>), [squareline](<https://devfeed.tech/tags/squareline.md>), [user-interfaces](<https://devfeed.tech/tags/user-interfaces.md>), [waveshare](<https://devfeed.tech/tags/waveshare.md>)

### AI overview

This tutorial explains how to add a custom ESP-based board with a custom LCD to SquareLine Studio. It uses a WaveShare 7-inch display example and covers creating a board-support component, configuring display and touch communication, updating build and dependency files, and editing the board manifest.

### Source excerpt

A few weeks ago in this article we have introduced SquareLine Studio and how it can be used to develop user interfaces. This feature was available only for Espressif's boards. But what if we wanted to use this tool for our custom designed board based on an ESP chip with a custom LCD? Here is the solution! What is the best way to add a custom board into SquareLine Studio? Start with the custom_waveshare_7inch example on from esp-bsp repository on GitHub.

## Creating LVGL User Interfaces for ESP Microcontrollers with SquareLine Studio

DevFeed: [Creating LVGL User Interfaces for ESP Microcontrollers with SquareLine Studio](<https://devfeed.tech/articles/making-the-fancy-user-interface-on-esp-has-never-been-easier-13905.md>)

Original publisher: [Read original article](<https://developer.espressif.com/blog/making-the-fancy-user-interface-on-esp-has-never-been-easier/>)

Author: John Lee

Published: 2022-09-11T00:00:00Z

Content type: tutorial

Language: en

Sources: [Blog on Developer Portal](<https://devfeed.tech/sources/blog-on-developer-portal.md>)

Topics: [ui](<https://devfeed.tech/topics/ui.md>), [multiplatform](<https://devfeed.tech/topics/multiplatform.md>), [Template](<https://devfeed.tech/topics/template.md>), [Code](<https://devfeed.tech/topics/code.md>), [Hardware](<https://devfeed.tech/topics/hardware.md>)

Tags: [blog](<https://devfeed.tech/tags/blog.md>), [embedded](<https://devfeed.tech/tags/embedded.md>), [esp](<https://devfeed.tech/tags/esp.md>), [esp32](<https://devfeed.tech/tags/esp32.md>), [linux](<https://devfeed.tech/tags/linux.md>), [lvgl](<https://devfeed.tech/tags/lvgl.md>), [microcontrollers](<https://devfeed.tech/tags/microcontrollers.md>), [multiplatform](<https://devfeed.tech/tags/multiplatform.md>), [new-feature](<https://devfeed.tech/tags/new-feature.md>), [squareline](<https://devfeed.tech/tags/squareline.md>), [tool](<https://devfeed.tech/tags/tool.md>), [user-interface](<https://devfeed.tech/tags/user-interface.md>), [windows](<https://devfeed.tech/tags/windows.md>)

### AI overview

This tutorial explains how to create graphical user interfaces for ESP microcontrollers with SquareLine Studio and LVGL. It covers the visual editor, widgets, images, fonts, events, simulation, code export, and board template projects.

### Source excerpt

If you tried to make some fancy UI without any graphic library, you know, how hard it is. Fortunately, there are lot of graphical libraries for making fancy UI on our screens. One of the often used is LVGL, which is supported on ESP microcontrollers. Usually, when we wanted to use graphical library like LVGL, we had to know API functions and how to combine it to reach fancy UI. It isn't true anymore!