@page examples_page Examples

## Explaining it would take forever, but showing you will only take a few minutes

\htmlonly
<div style="display:flex; align-items: center;">
    <div style="width:150px; height:150px; margin-right: 20px;">
        <lottie-player src="Crystal-ball.json" background="transparent" speed="1" style="width: 100%; height: 100%;" direction="1" playMode="normal" loop autoplay></lottie-player>
    </div>
    <div>
        <p>We believe the most effective way to share knowledge is by showing you how we use these components, so you can forge a complex system from simple modules. To help you better understand each example, we provide an interactive interface so you can try out each function right away.
        </p>
    </div>
</div>
\endhtmlonly

\htmlonly
<div style="display:flex; align-items: center;">
    <div>
        <p>Before you dive into this rabbit hole, we just want to let you know that although we are a small team, we try to compensate with a lot of motivation. If you happen to find any bugs along the way, please don't hesitate to let us know. We will do our best to fix them as soon as possible, and you can proudly say that you helped improve this project. We just ask that you adhere to ethical standards.
        </p>
    </div>
    <div style="width:250px; height:250px; margin-right: 20px;">
        <lottie-player src="Lady-bug.json" background="transparent" speed="1" style="width: 100%; height: 100%;" direction="1" playMode="normal" loop autoplay></lottie-player>
    </div>
</div>
\endhtmlonly

We've also prepared a little guide to help you navigate things more smoothly, which you can find in the [Bug Report](@ref bug_report_page) section.

<div class="section_buttons">
 
| Previous          |                         Next |
|:------------------|-----------------------------:|
|[Install](@ref installation_page) | [Basic Example](@ref 001_basic_page) |
 
</div>