Create App By EVUE,

we make a new project named EVUE power by EVM , which you can create ui like vue; You can use EVUE Simulator to preview your application in real time!

For example:

  • hml
<div class="container">
    <image src="common/images/evue-logo.bin" style="top: 70px;left: 150px;"></image>

    <!-- <text style="top: 220px;color: white;font-size: 30px;width: 454px;height: 35px;text-align: center;">Hello Developer!</text> -->
    <marquee scrollamount="50" style="top: 240px;left: 104px;width: 240px;height: 35px;text-align: center;color: white;font-size: 30px;">Hello Developer!</marquee>
    <text style="top: 280px;color: white;font-size: 20px;width: 454px;height: 25px;text-align: center;">Power by EVM</text>

    <progress type="horizontal" percent="30" class="out-layer-ring" style="top: 320px;left: 130px;"></progress>
  • css
.container {
    display: flex;
    width: 454px;
    height: 454px;
    margin: 0px;
    padding: 0px;
    border-width: 0px;
    border-radius: 0px;
    background-color: black;

.out-layer-ring {
    top: 320px;
    left: 120px;
    padding: 3px;
    width: 300px;
    height: 20px;
    stroke-width: 35x;
    border-width: 1px;
    border-color: white;
    background-color: black;

image {
    left: 190px;
    top: 150px;
  • js
router  = require("@system.router")

export default {
    data: {
        title: 'Hello,Developer!'
    onInit: function () {
        print("==========onInit index==========")

    onReady: function () {
        print("==========onReady index==========")

    onShow: function () {
        print("==========onShow index==========")
            router.push({ uri: "pages/dock/index" })
        }, 1000)

    onHide: function () {
        print("==========onHide index==========")
    onDestroy: function () {
        print("==========onDestroy index==========")


Wow, that amazing!

So do you compile LVGL to EVM bytecode and also compile HTML ,CSS, JS to LVGL API calls, and then to bytecode?

yes, you are right, Power by EVM

1 Like


Please let us know if you know about EVM-LVGL related projects. :slight_smile:

This is EVM + LVGL = EVUE project:

This is the EVUE Simulator:

You can experience it by the EVUE Simulator!