===========================================
LVGL:  Light and Versatile Graphics Library
===========================================
Create beautiful UIs for any MCU, MPU and display type.
*******************************************************

.. raw:: html

    <div style="margin-bottom:30px; margin-top:14px">
    <img src="_static/img/gh-header.webp" alt="LVGL Documentation" style="width:100%">
    </div>

.. raw:: html

    <div style="margin-bottom:48px">
    <a href="intro/introduction.html"><img class="home-img" src="_static/img/home_1.png" alt="Get familiar with LVGL."></a>
    <a href="intro/basics.html"><img class="home-img" src="_static/img/home_2.png" alt="Learn how LVGL works."></a>
    <a href="intro/basics.html#going-deeper"><img class="home-img" src="_static/img/home_3.png" alt="Get your feet wet with LVGL."></a>
    <a href="intro/add-lvgl-to-your-project/index.html"><img class="home-img" src="_static/img/home_4.png" alt="Learn how to add LVGL to your project for any platform, framework and display type."></a>
    <a href="details/widgets/index.html"><img class="home-img" src="_static/img/home_5.png" alt="Learn to use LVGL Widgets with examples."></a>
    <a href="CONTRIBUTING.html"><img class="home-img" src="_static/img/home_6.png" alt="Be part of LVGL's development."></a>
    </div>


Introduction
------------

.. toctree::
    :maxdepth: 1

    intro/introduction
    intro/basics
    intro/add-lvgl-to-your-project/index


Details
-------

.. toctree::
    :maxdepth: 1

    details/base-widget/index
    details/widgets/index
    details/main-components/index
    details/other-components/index
    examples
    details/debugging/index
    details/integration/index
    details/libs/index
    API/index


Appendix
--------

.. toctree::
    :maxdepth: 1

    CONTRIBUTING
    CODING_STYLE
    CHANGELOG
    ROADMAP