qiup-Q/GuiLite

✔️Small-Fast-Embeddable GUI library(5 KLOC) for all platforms

GuiLite - The smallest GUI library

• 中文
• Features
• Start with Demo
• Documents
• How to Learn?
• Videos
• 🙏Thanks & ❤️Charity

---

Introduction

• GuiLite is the smallest GUI library with 5000 lines of C++ code, it runs on all platforms(e.g, iOS, Android, Linux, Windows, macOS, Docker and MCU with or without OS).
• GuiLite is embeddable, it runs inside other UI frameworks(e.g, Qt, MFC, Winform, Cocoa). You could use GuiLite features and host UI features simultaneously.
• GuiLite render UI by itself, independent of OS & Graphic library.
• GuiLite could work with many languages(e.g. Swift, Java, C#, Golang).
• 🔧We want people to customize GuiLite.
• ⚙️We hope GuiLite is small enough to help you understand how UI works.
• 👑You should be the master of your UI and not be tied to a specific framework.

🔥New feature：3D tutorial

• This a 3D programm which used to show how GuiLite multi-layers work.
• Full video
• Source code

Features

Cross platform

ARM Linux	STM32 Without OS

Windows Mixed Reality	Android

macOS	iOS

---

GuiLite previewer(WYSIWYG extension for GuiLite)

GuiLite Previewer is a Visual Studio Code extension, could extract GUI information from C++ code and preview GUI at preview page(What you see is what you get)

---

Gorgeous UI

---

Multi-language:

---

IoT Solution & Code Telemetry

• Report build activities to cloud:
  
• Sync running data to cloud:
  

---

Support Docker

We build GuiLite demo as docker image, you can update/deploy/run the latest GuiLite demo on your device with single command below:

• sudo docker run -it --privileged -v /dev:/dev-share idea4good/gui-lite:latest bash /run.sh

---

Start with Demo

GuiLite is only a framework, could not create UI by itself. In order to show how to build UI App with it, We provide some samples for you.

• Sample code here.
• Sample introduction:

Sample name	Platform	Description	Build guidance	Diffculty level
HelloParticle	Windows, Linux, STM32F103, STM32F429	Show how to develop particle effect	Build	★
HelloStar	Windows, Linux, STM32F103, STM32F429	Show how to develop star field effect	Build	★
Hello3D	Windows, Linux, STM32F103	Show how to build physics App with GuiLite	Build	★★
HelloGuiLite	Windows, Linux	Show how to Initialize UI, load resource, layout UI	Build	★★
HelloWidgets	Windows, Linux	Show how to use GuiLite widgets	Build	★★
HelloMario	Windows, Linux, STM32F103, STM32F429	Show how to develop multi-layer UI system	Build	★★
HelloNavigation	Windows, Linux, STM32F103, STM32F429	Show how to navigate/click widgets by hard button in non-touch GUI scenario	Build	★★
HelloFont	Windows, Linux	Show how to use multi-language feature(UTF-8)	Build	★★
HelloAnimation	Windows, Linux	Show how to make animation	Build	★★
HelloSlide	Windows, Linux	Show how to use sliding pages	Build	★★★
HelloWave	Windows, Linux, STM32F103, STM32F429	Show how to use wave widget	Build	★★★
HostMonitor	iOS, Mac, Android, Windows, Linux	Show how to build complex UI for all platforms	Build	★★★★

Documents

GuiLite is the smallest and simplest GUI library.

1. Just 5,000 line C++ code
2. Only use basic C++ feature(class, virtual function), no complex syntax
3. All rendering base on draw_pixel, no algorithm
4. Full documents and small live demos for reference
   • Design specification
   • How to build?
   • How to Layout widgets?
   • How to build unicode font/bitmap resource?
   • How to switch theme?
   • How to dispatch messages?
   • UML chart of GuiLite core

How to learn?

1. Build/Run GuiLite library
2. Build/Run HelloXXX demos
3. Read/Modify HelloXXX/UIcode/UIcode.cpp code
4. Read/Modify gui code
5. Read/Modify core code
6. Build your UI framework

Videos

• GuiLite introduction
• 3D GuiLite
• GuiLite + STM32

Mirror repository

Gitee in China

Thanks and Charity

• Thanks for the help from QQ group, you guys make GuiLite better! And welcome new friend to join us.
  
• Sponsor & Help sick kids