anyui-LIVE
Web-based LVGL editor, workspace, and code generator for product-grade delivery
Live Rendering
Design with live LVGL widget rendering in the editor so the canvas stays aligned with the final runtime output.
Cross-Platform
Run anyui-LIVE in the browser on Windows, macOS, or Linux without installing a desktop application.
Workspace Management
Organize product work as independent projects with their own screens, components, resources, and configuration.
Efficient Designing
Build interfaces with a drag-and-drop canvas, alignment guides, and a focused inspector workflow.
Flexible Screen Size
Design against configurable screen sizes while preserving a reliable preview of the target display layout.
Dynamic LVGL Switch
Switch between different LVGL runtime versions at runtime without redoing the design.
Live Preview
Validate layout and interaction behavior in preview mode before exporting generated output.
Code Generation
Export self-contained LVGL-oriented source output from the current workspace and design state.
Portable Output
Keep generated UI code independent from specific hardware and toolchains for easier transplantation.
🚀 Early access of anyui-LIVE is available! Try now
Overview
anyui-LIVE is a web-based visual environment for LVGL product delivery. It combines project workspace management, a live editor, preview tooling, and code generation so teams can move from UI design to deployable output inside one product-focused workflow.
Core Features
Every feature is a game‑changer!
Lightweight & Zero-Installation, Ready for Direct Online Use
Unlike other LVGL design tools that often weigh hundreds of megabytes or even gigabytes, anyui-LIVE runs directly in your browser with no installation required.
Automatic System Updates
Tired of re‑downloading and reinstalling for bug fixes and new feature releases? No need. Updates are delivered automatically via your browser.
Cross-Platform Compatibility
Works on Windows, macOS and Linux — all you need is a web browser (Chrome recommended).
Native Rendering Support
Components render natively in real time during editing, delivering device-accurate output for true WYSIWYG (What-You-See-Is-What-You-Get).
Live Preview Support
Not just visuals, component behaviors can also be previewed in real time.
Dynamic LVGL Version Switching
Want to compare visuals and performance across different LVGL versions for one project? Easily switch between versions for live previews.
Dynamic Screen-Size Support
No full redesign required if your target display dimensions change after you finish your design. Leverage widget layouts and dynamic screen-size configuration for fast, effortless adaptation.
Per-Page Dimension Configuration
Too many widgets to fit on-canvas with a small target screen? Need full-screen adaptation for some pages and scrollable layouts for others, with varying dimensions per page? The ideal solution: set custom dimensions for each individual page. Preview and runtime will auto-adapt to the physical display, balancing both design freedom and real-device performance.
Get started with anyui-LIVE to set up a workspace, open the editor, and generate product-ready LVGL output.
Contact Us
Cooperation
WeChat Group
QQ Group
Subscribe