anyui-LIVE
LVGL designer, simulator, code generator, and built-in agent builder for product-grade delivery
Native Rendering
Design with native 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.
Efficient Designing
Build interfaces with a drag-and-drop canvas, alignment guides, and a focused inspector workflow.
Adaptive Design
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.
Built-in Agent
Craft LVGL interfaces with an AI agent that works directly on the editor's document model, from planning to export.
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.
Video Demo
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.
Agent Compatibility
Built-in AI Agent for LVGL
anyui-LIVE ships a built-in AI agent that integrates with the editor, so agent-built interfaces follow the exact same layout, style, and code generation pipeline as hand-built ones.
- Builds real LVGL UIs — the agent creates, updates, and deletes actual widgets through the editor's own document operations, and the result exports through the normal code generation flow.
- Planning & approval first — every widget change starts from a plan you review and approve before the agent is allowed to modify the document.
- LVGL knowledge on demand — the agent loads built-in skills to composes valid, version-correct components.
- Grounded in your project — the agent reads the current screen, selection, and project configuration as context, then applies changes incrementally with progress reporting.
- Bring your own model — connect the LLM endpoint you already use; credentials are kept in an encrypted local vault.
Open the Agent panel inside the editor, describe the screen you need, and start from an approved plan.
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