anyui-LIVE
LVGL UI designer with live preview, code generation, simulator, and a built-in AI agent
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, or install the desktop app for local export folders and built-in build.
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 LVGL 8.3.7 and 9.2.2 through 9.6.0 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 plans and builds alongside you, then exports through the normal code generation flow.
Overview
anyui-LIVE is a visual environment for LVGL product delivery, available in the browser and as a desktop app. It combines project workspace management, a live editor, preview tooling, code generation, and a local simulator, so teams can move from UI design to deployable output inside one product-focused workflow.
Video Demo
Core Features
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.
Desktop App for Local Workflow
When you need to work closer to your codebase, the anyui-LIVE desktop app exports generated sources straight into project folders for each LVGL version and builds the simulator from the editor. Desktop and browser versions share the same projects and design workflow.
Automatic System Updates
Tired of re‑downloading and reinstalling for bug fixes and new feature releases? In the browser, no need: updates are delivered automatically. The desktop app is updated by installing the latest release.
Cross-Platform Compatibility
Works on Windows, macOS and Linux — in the browser (Chrome recommended), or as the desktop app.
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. Update the project's screen size in the editor and let flex layouts adapt the interface.
Built-in AI Agent
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, 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 changes your design.
- Version-aware LVGL knowledge — the agent composes valid components for the LVGL version your project targets.
- 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 stored encrypted on your device.
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