# LVGL Documentation (/)



<Figure src="/_static/images/osspagehero.png" alt="LVGL open-source graphics library" caption="Create beautiful UIs for any MCU, MPU, and display type" border="false" />

LVGL (Light and Versatile Graphics Library) is a free, open-source embedded graphics library to create beautiful UIs for any MCU, MPU, and display type. It comes with a rich set of widgets, advanced graphics, and a vibrant community to help you get started quickly.

Getting Started [#getting-started]

<Cards>
  <Card href="./introduction" title="Introduction">
    Get familiar with LVGL, its key features, and understand how the library is structured.
  </Card>

  <Card href="./getting_started" title="Getting Started">
    Set up your development environment and learn the basics of building UIs with LVGL.
  </Card>

  <Card href="./integration" title="Integration">
    Add LVGL to your project for any platform, framework, RTOS, and display type.
  </Card>

  <Card href="./widgets" title="Widgets">
    Explore LVGL's extensive widget library with interactive examples and usage guides.
  </Card>
</Cards>

Deep Dive [#deep-dive]

<Cards>
  <Card href="./main-modules" title="Main Modules">
    Learn about displays, input devices, fonts, drawing, and other core modules that power LVGL.
  </Card>

  <Card href="./common-widget-features" title="Common Widget Features">
    Understand layouts, styles, events, scrolling, and other features shared across all widgets.
  </Card>

  <Card href="./auxiliary-modules" title="Auxiliary Modules">
    Discover additional modules for file systems, timers, image decoders, and more.
  </Card>

  <Card href="./libs" title="Libraries">
    Use third-party libraries integrated with LVGL for extended functionality.
  </Card>
</Cards>

Resources [#resources]

<Cards>
  <Card href="./guides" title="Guides">
    Step-by-step tutorials covering layouts, styles, animations, and advanced topics.
  </Card>

  <Card href="./debugging" title="Debugging">
    Tools and techniques for diagnosing and fixing issues in your LVGL application.
  </Card>

  <Card href="./api" title="API Reference">
    Complete API documentation for every LVGL module, widget, and function.
  </Card>

  <Card href="./contributing" title="Contributing">
    Join the LVGL community and contribute to the project's development.
  </Card>
</Cards>