# Editor (/editor)



The LVGL Pro Editor is a powerful XML-based development environment that streamlines embedded UI creation with real-time preview, intelligent autocomplete, and seamless code generation.

Getting Started [#getting-started]

<Cards>
  <Card icon="<Info />" href="./overview" title="Overview">
    Explore Editor capabilities including XML editing, real-time preview, code generation, and widget support.
  </Card>

  <Card icon="<Download />" href="./installation" title="Installation">
    Install LVGL Pro Editor on Windows, macOS, Linux, VSCode, or use the online version.
  </Card>
</Cards>

Working with the Editor [#working-with-the-editor]

<Cards>
  <Card icon="<Layout />" href="./user-interface" title="User Interface">
    Navigate the Editor's workspace including project files pane, editor area, and live preview window.
  </Card>

  <Card icon="<Keyboard />" href="./hotkeys" title="Keyboard Shortcuts">
    Master keyboard shortcuts for efficient editing and faster workflow navigation.
  </Card>
</Cards>

Additional Resources [#additional-resources]

<Cards>
  <Card icon="<FileText />" href="./license" title="License">
    Review licensing information and usage terms for LVGL Pro Editor.
  </Card>
</Cards>